如何使用指定的.env.devlopment文件构建vue应用

Question

我有一个vue.js应用，我想使用.env.development文件来构建它。

我正在package.json文件中使用此脚本

"scripts": {
    "serve": "vue-cli-service serve --mode=local",
    "build": "vue-cli-service build",
    "dev-build": "vue-cli-service build --mode development",
    "lint": "vue-cli-service lint",
    "test:e2e": "vue-cli-service test:e2e",
    "test:unit": "vue-cli-service test:unit"
},

当我运行脚本时

npm run dev-build

它使用.env.development构建文件，但是构建文件的大小太大，接近15mb，但是当我运行脚本时

npm run build

它使用.env.production构建文件，并且大小减小到1mb。

如何使用.env.development来构建应用程序，但要创建与生产版本相同的构建大小

Answer 1

docs定义了模式之间的差异：

[NODE_ENV=development创建一个Webpack配置，该配置启用HMR (Hot Module Replacement)，不散列资产或创建供应商捆绑包，以便在运行开发服务器时可以快速重建。

因此，

未创建供应商捆绑包本身最终在输出中带来更大的结果。简而言之，没有实用的方法可以使development像production一样小，并且有一些理由，例如更快地响应更改等。