wehbpack4 配置babel-loader 要求cacheDirectory设为true
时间: 2024-03-07 16:47:25 浏览: 195
react-app-rewire-babel-loader:使用react-app-rewired在您的create-react-app项目中重新连接babel-loader加载器
是的,配置 Webpack 4 使用 babel-loader 时,建议将 cacheDirectory 设置为 true。这可以使 babel-loader 缓存编译结果,提高重新编译的速度。在配置文件中可以这样设置:
```javascript
module.exports = {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
cacheDirectory: true,
},
},
},
],
},
};
```
这样配置后,babel-loader 会在 node_modules/.cache/babel-loader 目录下缓存编译结果。当需要重新编译时,babel-loader 会优先使用缓存中的结果,可以显著提高编译速度。
阅读全文