时间戳

首页 > 解决方案 > lerna 构建非常缓慢，总是（+30 分钟）

performance - lerna 构建非常缓慢，总是（+30 分钟）

问题描述

我刚刚加入了一个基于 Lerna 代码架构的新 VueJS / Webpack：

package.json
lerna.json
packages/
modules/
plugins/

大约应用程序的每个页面都被设置为一个单独的模块，我觉得这很奇怪，虽然我不是专家，但我不确定这是设置 Lerna 架构的正确方法。

尽管如此，package.json 定义了以下内容：

"scripts": {
"bootstrap": "npm install && npm run lerna && npm run app-build",
"lerna": "lerna bootstrap --hoist --nohoist=axios --nohoist=vue-chartist --nohoist=chardist",
"publish": "lerna publish",
"clean": "lerna clean",
"test": "lerna run test --parallel",
"start": "lerna run start --stream --scope=main-module",
"app-build": "lerna run build --stream --scope=main-module",
"doc": "good-doc"}

和应用程序，虽然中等大小，我会说：

带有 node_modules 的应用程序的大小

构建总是很慢（+30 分钟）。在每个构建中。构建是这样执行的：

cross-env BACK_URL=back_url npm run bootstrap --hoist

有没有什么好的做法可以更快地构建？关于我的项目中可能设置错误的任何想法？或者这只是正常的......

标签： performancevue.jswebpackbuildlerna

解决方案

我从 --hoist 转移到使用纱线工作区（https://yarnpkg.com/blog/2017/08/02/introducing-workspaces/）。

我的问题不在于性能，而在于是否有可能使用 nohoist 选项（https://yarnpkg.com/blog/2018/02/15/nohoist/）。由于一些 react-scripts 依赖性，我在一个非常简单的设置中遇到了一些错误，所以我需要从提升中排除模块。

这是我的基本配置：

--> lerna.json
{
  "version": "0.0.0",
  "packages": [
    "packages/*",
  ],
  "npmClient": "yarn",
  "useWorkspaces": true
}

---> package.json
{
  "name": "root",
  "private": true,
  "workspaces": {
    "packages": ["packages/*""],
    "nohoist": ["**/babel-jest", "**/eslint", "**/jest"]
  },
  "devDependencies": {
    "lerna": "^3.4.3"
  }
}

推荐阅读