前端知识小记

1.通过webpack.DefinePlugin可以定义js中可用的变量，在编译阶段进行全局替换

new webpack.DefinePlugin({
    'process.env.NODE_ENV': JSON.stringify('production')
})
//DefinePlugin 在原始的源码中执行查找和替换操作. 在导入的代码中,
//任何出现 process.env.NODE_ENV的地方都会被替换为"production".
//因此, 形如
if (process.env.NODE_ENV !== 'production')
console.log('...') 
//的代码就会等价于 if (false) console.log('...') 
//并且最终通过UglifyJS等价替换掉。

2.在package.json的script命令中可以通过cross-env库设置环境变量，该变量可以通过process.env来访问，用以区分环境。