webpack打包js的时候可以在JS文件里面加入逻辑选择性打包代码吗？

Question

有个需求是使用webpack打包的时候对js文件里面的代码进行选择性打包，就像HTML打包的那个插件一样，通过包裹的模板语法选择性打包HTML？

Answer 1

如图，我是右边的数据想配置成变量，再到JS里面去通过判断 indexOf来决定要不要某段JS代码。但是打包出来后就成了左边的格式，没办法取

Answer 2

提供个思路，利用 webpack.DefinePlugin() 定义 env 变量，然后根据运行命令后面跟的这个变量，可以实现选择性打包。如：
1，定义变量

...
new webpack.DefinePlugin({
'process.env': JOSN.stringify({component: `'${process.env.npm_config_component}'`})
})

2，运行命令 npm run dev --components=hello,
3，对应的项目文件里，可以使用 process.env.components 来进行区分