Publi sh Vue с использованием конфигурации для разработки / тестирования

Question

Я просмотрел и испробовал множество различных команд, чтобы заставить это работать, и, похоже, ничего не помогло. Я пытаюсь получить эту настройку, поэтому я могу использовать конвейер в Azure для определенной среды c, используя настройки в указанной среде c config.

Я использую 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

Мне пришлось изменить сборку. js и файлы webpack.prod.config. js на следующие:

сборка . js (возьмите команду 'development' из process.argv [2])

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 (укажите, какую конфигурацию он использует из env в process.argv [2])

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');