构建Vue webapp时如何提高性能？

Question

当我为生产构建我的 Vue 项目时，通常需要几分钟的处理时间，即使使用功能强大的工作站也是如此...... 我认为这可能是由于 1 个工作人员和 2GB 内存的默认硬件限制，如下面的日志所示：

$ vue-cli-service build
Building for production...Starting type checking service...
Using 1 worker with 2048MB memory limit
\  Building for production...

如果增加这个限制，构建过程会更快吗？如果是，我该如何更改？

Answer 1

花费几分钟的构建过程似乎真的很高。这可能有很多原因。

具体到您与内存限制相关的问题，这仅适用于类型检查器。 Vue 使用fork-ts-checker-webpack-plugin 将类型检查拉到一个单独的进程中以加快构建速度。如果这是构建缓慢的主要原因，那么确实使用内存限制和工作人员可能会有所帮助。

有人已经在this SO post 中回答了如何做到这一点。

那只回答如何更改内存限制。

但是你可以用同样的方法改变工人的数量。例如

forkTsCheckerOptions.workers = 4;