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

我有一个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构建应用程序，但创建的构建大小与生产规模相同，定义了两种模式之间的差异：

NODE_ENV=development创建一个网页包配置，该配置启用、不散列资产或创建供应商包，以便在运行dev服务器时快速重新构建

---

因此，不创建供应商包本身最终会在输出中产生更大的结果。简言之，没有一种实用的方法可以让开发变得像生产一样小，而且它有一些理由，比如更快地响应更改等。

将一个.env.*与另一个构建选项混合使用不是一种好做法。如果两种情况下都有相同的选项，那么可以使用.env文件