如何解决如何选择某个HTML页面将使用的包?
项目
我有一个项目,其中使用Pug编写网站视图,然后编译为HTML。
index.pug ---> index.html
about.pug ---> about.html
现在,每个页面在webpack.config.js
中都有条目:
{
entry: {
index: ['scripts/index.ts'],about: ['scripts/about.ts'],}
}
我认为两者都没有一个捆绑包是不好的,因为每个页面条目都具有唯一的导入模块(也就是说:如果我知道我在说什么)。
问题
生成HTML时,html-webpack-plugin
自动将两个包注入两个页面,这比我刚才解释的要差。
如何告诉它只注入我想要的包?
ps:我尝试将它们每个都手动包含在*.pug
文件中。不过,为了实现缓存清除,生成的包文件名具有哈希值。
解决方法
在写这个问题之前,我花了三个小时寻找解决方案。
尽管,提交后,我刷新了搜索页面并找到了解决方案。
关于块。
您将选项的哈希传递给html-webpack-plugin
,其中有一个名为“块”的属性。此属性可以采用字符串数组,并带有所需条目的名称。
{
plugins: [
new HtmlWebpackPlugin({
template: 'views/index.pug',scriptLoading: 'defer',filename: 'index.html',chunks: [
"index"
]
}),new HtmlWebpackPlugin({
template: 'views/about.pug',filename: 'about.html',chunks: [
"about"
]
}),new HtmlWebpackPugPlugin()
]
}
很抱歉造成麻烦。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。