vue 脚手架 同时 npm run serve和 npm run build 不行吗？？？

Question

我这样写的意图 是 项目里抽取出一部分公共的代码要独立打包成 一个js，然后被多个页面引入。

有啥可行的办法？谢谢同仁。。

打包 就是根据 modules 下的模块数量 循环执行 脚手架指令。
部分代码如下：

打包结果如下

Answer 1

根据你的配置，npm start 将会先执行 npm run serve，然后执行 npm run build:base，但是 npm run serve 会阻塞住，所以是不会执行后面的 npm run build:base 的。

同时，可以发现 npm run build:base 使用了 vue-cli-service build ... --watch ...，这个动作也是会阻塞的，所以调整两个动作的顺序不能解决问题。

这种情况下，需要重定向输出才行：

{
  ...
  
  "scripts": {
    "build:base": "vue-cli-service build ...",
    "serve": "vue-cli-service serve",
    "start": "npm run serve > serve.log 2>&1 & npm run build:base > build-base.log 2>&1 &"
  }
  
  ...
}

这样，你就可以通过执行 npm start 达到同时执行 npm run serve 和 npm run build:serve 的目的。

希望可以解决你的问题！

Answer 2

你应该使用 npm-link 命令。
1.首先将公共库封装成一个npm包，并且将这个包发布在npm或者提交到
git仓库，可以是私有仓库。
2.在其它项目的package.json中加入这个包，我这个是私有仓库的例子，#号后面是tag，可加可不加。

"dependencies": {
    "your-lib": "git+ssh://git@git.code.tencent.com:lib/your-lib.git#v0.1.1"
}

3.在your-lib中运行 npm-link
4.打开其它项目，运行 npm-link your-lib 将your-lib映射到本地。
最终效果就是，当你修改your-lib公共库，其它引用此公共库的项目也会重新编译一遍