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一样小，并且有一些理由，例如更快地响应更改等。

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

1 个答案: