美文网首页
webpack定义环境变量

webpack定义环境变量

作者: Victor_818 | 来源:发表于2019-05-14 16:04 被阅读0次

需求:我们在开发环境当中需要设置本地环境的域名,生产环境需要设置服务器的域名,这时我们可以利用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

相关文章

网友评论

      本文标题:webpack定义环境变量

      本文链接:https://www.haomeiwen.com/subject/ctteaqtx.html