簡単にvueを分析して異なっている環境の配置に異なっている包装コマンドをあげます。

ステップ1：cross-envのインストールnpm i --save-dev cross-env 第2ステップ：各環境のパラメータを変更する
config/ディレクトリにtest.env.js、pre.env.jsを追加します。
prod.env.jsの内容を修正して、修正した内容は以下の通りです。

'use strict'
module.exports = {
 NODE_ENV: '"production"',
 EVN_CONFIG:'"prod"',
 API_ROOT:'"/apis/v1"'
} 

test.env.jsとpre.env.jsファイルの内容についてそれぞれ研修して修正します。修正した内容は以下の通りです。

'use strict'
module.exports = {
 NODE_ENV: '"testing"',
 EVN_CONFIG:'"test"',
 API_ROOT:'"/test/apis/train"'
}
'use strict'
module.exports = {
 NODE_ENV: '"presentation"',
 EVN_CONFIG:'"pre"',
 API_ROOT:'"/pre/apis/train"'
} 

dev.env.jsファイルの内容を修正しました。修正した内容は以下の通りです。dev環境はサービスエージェント、API_を配合しています。ROOT前のアプリは調剤の代理住所です。

module.exports = merge(prodEnv, {
 NODE_ENV: '"development"',
 VN_CONFIG: '"dev"',
 API_ROOT: '"api/apis/v1"'
}) 

ステップ3：修正項目package.jsonファイル
package.jsonファイルの中のscripts内容に個性を加えて、新しい定義のいくつかの環境の包装過程を加えて、中のパラメータは前のコーディネーターと一致しています。

"scripts": {
 "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
 "start": "npm run dev",
 "build": "node build/build.js",
 "build:test": "cross-env NODE_ENV=production env_config=test node build/build.js",
 "build:pre": "cross-env NODE_ENV=production env_config=pre node build/build.js",
 "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js"
 }, 

ここで、NODE_ENVはproductionに設定したほうがいいです。utils.jsではproductionの判定しかしていないので、自分で測っても各環境APIパラメータに影響しません。
ステップ4：config/index.jsを修正する
config/index.jsファイルのbuildパラメータを修正します。ここでのパラメータはbuild/webpackage.prod.co nf.jsで使用されます。

build:{
 // Template for index.html
 //   test pre prod        
 prodEnv: require('./prod.env'),
 preEnv: require('./pre.env'),
 testEnv: require('./test.env'),
 //        ，        
 index:path.resolve(__dirname,'../dist/index.html'), 

ステップ5：環境パラメータを構築するためにwebpackage.prod.com nf.jsで使用する
build/webpackage.prod.com.jsファイルを修正し、env定数の生成方式を調整する。

//   env     
// const env = require('../config/prod.env')
const env = config.build[process.env.env_config+'Env'] 

ステップ6：build/build.jsの調整
process.env.NODE_を削除します。ENVの割当、spinnerの定義を修正し、調整後の内容は以下の通りである。

'use strict'
require('./check-versions')()
//       
// process.env.NODE_ENV = 'production'
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')
//   spinner   
// const spinner = ora('building for production...')
var spinner = ora('building for ' + process.env.NODE_ENV + ' of ' + process.env.env_config+ ' mode...' )
spinner.start()
//       ，            ... 

最後:
npm run buildを実行します。testパッケージはテスト環境です。
npm run buildを実行します。prod包装は生産環境です。
締め括りをつける
以上は小编が皆さんに绍介したvueです。各环境の配置によって、包装コマンドが异なります。皆さんに助けてほしいです。ここでも私たちのサイトを応援してくれてありがとうございます。