vue项目根据node环境变量部署不同分支

目的:

<<<<根据node环境变量 执行config里边的不同的配置>>>>
根据node_env=devlopment/master/production部署dev/master/prod分支复制代码

需要修改的配置文件:

1.build/build.js

'use strict'
require('./check-versions')()

const argv = require('optimist').argv
let e = argv.e
if (e && e === 'master') {
  process.env.NODE_ENV = 'master'
} else {
  process.env.NODE_ENV = 'production'
}

const ora = require('ora')
const rm = require('rimraf')
复制代码

2.build/webpack.base.conf.js

module.exports = {
  entry: {
    app: './src/main.js'
  },
  output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    publicPath: process.env.NODE_ENV === 'development'
      ? config.dev.assetsPublicPath
      : config.build.assetsPublicPath
  },
复制代码

3.config/index.js

const path = require('path')

const env = '"' + process.env.NODE_ENV + '"'

console.log(process.env.NODE_ENV)

module.exports = {
  build: {
    env: env,
    index: path.resolve(__dirname, '../dist/admin/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist/admin'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/admin/',
    productionSourceMap: true,
复制代码

4.全局引用config里边的参数  main.js

let config = null
if (process.env === 'development') {
  config = require('../config/dev.env')
} else if (process.env === 'master') {
  config = require('../config/master.env')
} else {
  config = require('../config/prod.env')
}

let crossbarServer = config.crossbarServer.replace(/"/g, '')
Vue.prototype.crossbarServer = crossbarServer
Vue.prototype.fileServer = config.fileServer.replace(/"/g, '')
复制代码

5.config配置文件,包含着之前引用package.json里的参数,以dev.env.js为例子

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

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  fileServer: '"http://image.sg-ai.com/wewo-master/"',
  crossbarServer: '"wss://ccrossbar.sg-ai.com/ws"'
})
复制代码

6.在config里添加了master.env.js文件,运行npm run build-master用到的配置文件

'use strict'
module.exports = {
  NODE_ENV: '"master"',
  fileServer: '"http://image.sg-ai.com/wewo-master/"',
  crossbarServer: '"wss://ccrossbar.sg-ai.com/ws"'
}
复制代码

7.package.json 修改一下 scripts

"build-master": "node build/build.js -e master",复制代码

还差一点,运行 npm run server 是执行dist/admin/index.html

需要修改的是 build/server.js

app.get('/', (req, res) => {
  res.sendFile(path.resolve('./dist/admin/index.html'));
});
复制代码