使用开发/测试配置发布Vue

Question

我已经寻找并尝试了大量不同的命令来让它工作，但似乎没有什么能起作用。我正在尝试进行此设置，以便可以使用环境特定配置中的设置在Azure中为特定环境使用管道。

我使用的是vue cli 4.4.4。我的布局如下所示：

​

​

我试过了

vue build --mode development
vue-cli-service build --mode development
npm run build --development
npm run build -- --mode development

如果它们最终正常工作，它们所做的一切都是在生产环境中构建。

​

​

命令快用完了。我希望它使用dev.env.js配置，当我使用以下命令时，它在开发中运行良好：

npm run dev

Answer 1

我在某种程度上已经弄明白了。

我可以运行：

npm run build --mode development

我不得不将build.js和webpack.prod.config.js文件修改为以下内容：

开发(从process.argv2中抓取命令‘build.js’)

process.env.NODE_ENV = 'production';
var webconfigEnv = "production"

switch (process.argv[2] || 'production') {
  case "development":
    webconfigEnv = "dev"
    break;
  case "test":
    webconfigEnv = "dev"
  default:
    break;
}

const ora = require('ora')
const rm = require('rimraf')
const path = require('path')
const chalk = require('chalk')
const webpack = require('webpack')
const config = require('../config')
const webpackConfig = require('./webpack.prod.conf')


const spinner = ora('building for '+ webconfigEnv +'...')
spinner.start()

webpack.prod.conf.js (从process.argv2中的环境使用的配置开关)

var webconfigEnv = "prod"

switch (process.argv[2] || 'production') {
  case "development":
    webconfigEnv = "dev"
    break;
  case "test":
    webconfigEnv = "dev"
  default:
    break;
}

const env = require('../config/'+webconfigEnv+'.env')
console.log('Using config -- ../config/'+webconfigEnv+'.env');