Get Environment Variables
文章目录

Webpack: Get Environment Variables

有些时候我们需要在里面检测一下是否是生产环境

这个其实操作起来还挺简单的。

package.json

首先在这个文件里面:

1
2
3
4
5
6
"scripts": {
"cloud": "webpack-dev-server --inline --hot --env.dev=true --port 8010 --disable-host-check --host 0.0.0.0",
"dev": "webpack-dev-server --inline --hot --env.dev",
"start": "webpack-dev-server --inline --hot --env.dev=true",
"build": "rimraf dist && webpack -p --progress --hide-modules"
},

这一段 --env.dev=true 就是设置环境变量

我们可以设置任何的值:

1
--env.xxx=abc

webpack.config.js

然后从配置文件里面获取到这个值

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
// 注意这个地方要写成第一个参数。
module.exports = (env = {}, ) => {

// 然后获取的时候,这是一个对象, 如果没有数据,那么就是一个空对象,
console.log(env);


return {
entry: {
vendor: './src/vendor',
index: './src/main.js'
},
output: {
path: resolve(__dirname, 'dist'),
filename: env.dev ? '[name].js' : '[name].js?[chunkhash]',
chunkFilename: '[id].js?[chunkhash]',
publicPath: env.dev ? '/assets/' : publicPath
}
/*.....*/
}
}