node --mode 加载不同env文件

最新推荐文章于 2024-04-23 16:20:11 发布

原创

最新推荐文章于 2024-04-23 16:20:11 发布 · 2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#node #env

本文介绍了在Vue CLI项目中如何通过`--mode`选项和`.env`文件来设置不同环境的变量。`package.json`中使用`--mode`指定加载的env文件，如`build-test`对应`.env.test`。每个`.env`文件会将变量挂载到`process.env`，如`.env.development`在`npm run dev`时生效，设置`NODE_ENV`和`VUE_APP_ENV`为`development`。

vue-cli-service区分打包环境变量

package.json

–mode指定加载对应的env文件

{
   
   
  "scripts": {
   
   
    "dev": "vue-cli-service serve",
    "build": "npm run build-pro",
    "build-pro": "vue-cli-service build --mode production",
    "build-test":