create-react-app react 打包太慢
时间: 2023-11-16 19:45:24 浏览: 161
如果您使用的是 create-react-app 这个脚手架工具,那么默认的打包工具是 webpack。那么可以尝试以下几种方法来加速打包过程:
1. 使用 yarn 代替 npm
yarn 比 npm 更快,因此使用 yarn 可以加速安装依赖的过程。可以使用以下命令来安装 yarn:
```
npm install -g yarn
```
然后使用以下命令来创建一个新的 react 项目:
```
yarn create react-app my-app
```
2. 使用缓存
在打包过程中,webpack 会将打包过的文件缓存起来,下次打包时会直接使用缓存文件,从而加快打包速度。可以在 webpack 的配置文件中配置 cache 参数:
```
module.exports = {
// ...
cache: true,
// ...
}
```
3. 使用多核 CPU
在打包过程中,webpack 默认只使用一个 CPU 核心。可以通过以下命令来让 webpack 使用多个 CPU 核心:
```
webpack --parallel
```
或者在 webpack 的配置文件中配置 parallel 参数:
```
module.exports = {
// ...
parallel: true,
// ...
}
```
4. 使用 externals
如果你的项目依赖了一些外部库,可以通过 externals 参数来让 webpack 不打包这些库,从而减少打包时间。可以在 webpack 的配置文件中配置 externals 参数:
```
module.exports = {
// ...
externals: {
react: 'React',
'react-dom': 'ReactDOM',
},
// ...
}
```
以上是几种加速 create-react-app 打包的方法。希望能对您有所帮助。
阅读全文