我有多个条目,如:
entry: {
foo: 'foo.js'
bar: 'bar.js'
ie: 'ie.js'
},
output: {
path: path.join(__dirname, '/dist/'),
filename: '[name]-[hash].min.js'
}
当我使用HtmlWebpackPlugin时,导入或不导入条目是肯定的,使用chunk。我希望在HTML文件中生成条件注释,比如:
<!--[if lte IE 9]>
<script type="text/javascript" src="ie-12dx....js"></script>
<![endif]-->
你知道如何做到这一点吗?
感谢jantimon-html webpack插件的合作者。
您必须创建一个自定义索引文件:https://github.com/ampedandwired/html-webpack-plugin/blob/master/default_index.html#L15
根据自定义索引文件示例,我制作了自己的:
我的脚本:
<!--[if lte IE 9]>
{% for (var chunk in o.htmlWebpackPlugin.files.chunks) { %}
{% if (/^ie-w+.min.js$/.test(o.htmlWebpackPlugin.files.chunks[chunk].entry)) { %}
<script type="text/javascript" src="{%=o.htmlWebpackPlugin.files.chunks[chunk].entry %}></script>
{% } %}
{% } %}
<![endif]-->
效果很好!