怎样通过 webpack 打包匹配部分代码块？

Question

eg：

if（isProd）{
    //do something for prods

   
}else{
   //do something for others
}

通过 webpack 打包之后只剩下 生产的代码块。 

//do something for prods

gulp 中有对应的插件，就是通过正则匹配过滤。webpack 中暂时没有发现对应的插件！有没有推荐的。谢谢！

我知道怎么判断环境，关键需要的是把非生产环境的代码段给去掉（打包时），减少部署的代码量！做到生产环境中只有生产相关的代码，没有其他环境的判断逻辑代码存在！

Answer 1

webpack有一个简单的插件 裁剪代码块 挺好用的 webpack-dists-loader https://www.npmjs.com/package...

Answer 2

没明白你的意思 你是想做按需加载么 ? 如果是推荐你看一下路由切割

Answer 3

webpack有个插件叫DefinePlugin

Answer 4

你的意思是webpack中的plugins中的这个配置吗？

new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: '"production"'
      }
    }),

这个是打包的时候告知webpack的，如果你想要自己做if判断的话，可以自己在启动项目的时候设置变量，例如

//npm start的启动想可以是 cross-env NODE_ENV=development || cross-env NODE_ENV=production

// 前者是开发，后者呢就是生产环境了
const prod = process.env.NODE_ENV === 'production' ? true : false;

Answer 5

123生产环境和开发环境