Vue给不同的环境配置不同的打包命令

最新推荐文章于 2023-12-02 17:06:56 发布

原创

最新推荐文章于 2023-12-02 17:06:56 发布 · 1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#Vue #不同环境配置不同打包命令

本文介绍了如何在Vue项目中为不同环境（如开发、测试、生产）配置不同的打包命令，涉及安装cross-env、修改环境变量配置文件、更新package.json的scripts、调整config/index.js和webpack配置，以及执行相应的打包命令。

今天小咸儿接着来给大家分享有关Vue的内容了：

此模式仅适合于包含build和config配置文件

第一步：安装cross-env

npm install --save-dev cross-env

第二步：修改各环境下的参数

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  EVN_CONFIG: '"prod"',
  KERNEL: "'https://****j.com/***-web'"
}

接下来，分别对dev.env.js和test.env.js文件内容进行修改，修改内容如下：

dev.env.js文件：

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  EVN_CONFIG: '"dev"',
  KERNEL: "'http://192.168.***.**/**-web'"
})

test.env.js文件

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"test"',
  EVN_CONFIG: '"test"',
  KERNEL: "'http://192.168.***.**/**-web'"
})