webpack配置使用小技巧

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

//dev.env.js  //开发版本

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

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  BASE_API: '"https://easy-mock.com/mock/5950a2419adc231f356a6636/vue-admin"',
})

1
2
3
4
5
6
7
8

//prod.env.js  //线上

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  BASE_API: '"https://easy-mock.com/mock/5950a2419adc231f356a6636/vue-admin"',
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

//webpack.dev.conf.js

plugins: [
    new webpack.DefinePlugin({
      'process.env': require('../config/dev.env')
    }),
  ]


  //总文件
  //build.js
  //webpack.prode.conf.js
  //webpack.base.conf.js
  //webpack.dev.conf.js

1
2
3
4
5

//页面中使用

process.env.BASE_API

//其他