鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 怎樣通過 webpack 打包匹配部分代碼塊？

怎樣通過 webpack 打包匹配部分代碼塊？

eg：


if（isProd）{
    //do something for prods

   
}else{
   //do something for others
}

通過 webpack 打包之后只剩下 生產(chǎn)的代碼塊。 

//do something for prods

gulp 中有對(duì)應(yīng)的插件，就是通過正則匹配過濾。webpack 中暫時(shí)沒有發(fā)現(xiàn)對(duì)應(yīng)的插件！有沒有推薦的。謝謝！

我知道怎么判斷環(huán)境，關(guān)鍵需要的是把非生產(chǎn)環(huán)境的代碼段給去掉（打包時(shí)），減少部署的代碼量！做到生產(chǎn)環(huán)境中只有生產(chǎn)相關(guān)的代碼，沒有其他環(huán)境的判斷邏輯代碼存在！

回答
編輯回答
孤島

webpack有一個(gè)簡(jiǎn)單的插件 裁剪代碼塊 挺好用的 webpack-dists-loader https://www.npmjs.com/package...

2018年8月28日 09:05
編輯回答
笨尐豬

webpack有個(gè)插件叫DefinePlugin

2018年6月17日 00:06
編輯回答
初念

你的意思是webpack中的plugins中的這個(gè)配置嗎？

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

這個(gè)是打包的時(shí)候告知webpack的，如果你想要自己做if判斷的話，可以自己在啟動(dòng)項(xiàng)目的時(shí)候設(shè)置變量，例如

//npm start的啟動(dòng)想可以是 cross-env NODE_ENV=development || cross-env NODE_ENV=production

// 前者是開發(fā)，后者呢就是生產(chǎn)環(huán)境了
const prod = process.env.NODE_ENV === 'production' ? true : false;
2018年1月28日 19:33
編輯回答
吃藕丑

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

2018年6月19日 05:39