防止vue cli删除dist中的所有文件

may*_*513 5 javascript github node.js vue.js vue-cli-3

我正在开发 vue 项目并将 dist 文件夹与 git 同步。这在使用 webpack 时效果很好。但是,我已经转移到 @vue/cli ---using vue create myProject而不是vue init webpack myProj.

问题是,每次我运行时npm run build,它都会删除 dist 文件夹并重新创建它 - 所有 .git 和其他文件都消失了。

如何防止新版本删除 dist 文件夹中所需的文件并仅更新更改?

Yom*_* S. 10

假设您有自己的清理旧资源的机制,vue-cli-service build则调用此选项--no-clean来指示编译器在构建项目之前不要删除“dist”目录。

因此,将开关/选项添加到package.jsonbuild上的脚本中:

{
  "scripts": {
    "build": "vue-cli-service build --no-clean"
  }
}
Run Code Online (Sandbox Code Playgroud)

或者,如果您使用 Yarn,则可以在脚本名称后面传递附加参数。因此无需对脚本进行任何更改。运行它:

yarn build --no-clean
Run Code Online (Sandbox Code Playgroud)

  • 不会这样的。您必须向 `vue-cli-service` 提供 --no-clean,因此最好的方法是将其作为 `"build": "vue-cli-service build --no-clean",` 放入 package.json 中,并且那么你可以运行`npm run build`@mayank1513 (2认同)

may*_*513 1

感谢 Yom S. 的回答,这里的文档确实提供了保留旧版本的方法。

但是,您不能使用--no-cleannpm build --no-clean. 要从终端使用无清洁模式,您需要编写以下命令

./node_modules/.bin/vue-cli-service --no-clean
Run Code Online (Sandbox Code Playgroud)

更新

相反,您也可以在 package.json 中添加 --no-clean