需求:我们在开发环境当中需要设置本地环境的域名,生产环境需要设置服务器的域名,这时我们可以利用webpack配置环境变量,然后直接在代码中可以访问。
// webpack配置
plugins: [
new webpack.DefinePlugin({
DEV: JSON.stringify('dev'), // 设置dev表示开发环境,设置production表示生产环境
FLAG: 'true', // 标识符
EXPRESSION: '1+1' // 表达式
})
]
// index.js
let url = '';
if(DEV === 'dev'){
url = 'http://localhost:3000';
}else{
url = 'http://www.xxx.com' // 服务器域名
}
console.log(FLAG); // true
console.log(EXPRESSION); // 2
网友评论