本文共 2698 字,大约阅读时间需要 8 分钟。
今天小咸儿接着来给大家分享有关Vue的内容了:
此模式仅适合于包含build和config配置文件
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'"})
对package.json文件中的scripts内容进行修改,添加上新定义的几种环境的打包过程
"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "lint": "eslint --ext .js,.vue src", "build": "node build/build.js", "build:test": "cross-env NODE_ENV=production env_config=test node build/build.js", "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js", "build:dev": "cross-env NODE_ENV=production env_config=dev node build/build.js", "test": "webpack-dev-server --inline --progress --config build/webpack.test.conf.js", "prod": "webpack-dev-server --inline --progress --config build/webpack.prod.conf.js" },
注意:在这里,NODE_ENV最好都设置成production,因为在utils.js只做了production一种判定,不会对环境配置产生影响。
修改config/index.js文件中的build参数,这里的参数会在build/webpack.prod.conf.js中使用到
build: { // 添加生产、测试、开发环境配置 prodEnv: require('./prod.env'), devEnv: require('./dev.env'), testEnv: require('./test.env'), // 以下内容不用做任何修改 // Template for index.html index: path.resolve(__dirname, '../dist/index.html'),
对build/webpack.prod.conf.js文件进行修改,调整env常量的生成方式
// const env = require('../config/prod.env')const env = config.build[process.env.env_config+'Env']
删除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')// 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:prod
开发的打包命令:
npm run build:dev
测试的打包命令:
npm run build:test
转载地址:http://rcerb.baihongyu.com/