文章/答案/技术大牛

发布

社区首页 >问答首页 >htmlWebpackPlugin只向生成的html添加一个入口点。

问htmlWebpackPlugin只向生成的html添加一个入口点。
EN

Stack Overflow用户

提问于 2018-06-12 20:42:25

回答 2查看 5K关注 0票数 15

以下是webpack配置条目：

entry:{
    background: './app/main/background.js',
    options: './app/main/options.js'
}

一个HTML页面，如下所示，与htmlwebpackplugin相匹配

new HtmlWebpackPlugin({
    template :'./app/templates/options.html',
    // chunks : ['jquery','angular','app'],
    filename: "./options.html",
    cache : true
}),

这导致在background.js页面中注入options.html和options.js，如下所示：

 <script type="text/javascript" src="js/background.js"></script><script type="text/javascript" src="js/options.js"></script></body>

是否有方法将其限制为一个JS文件或指定要注入到html页面中的文件名？

webpack

html-webpack-plugin

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-06-13 06:28:57

看来你可以用html-webpack-排除-资产-插件

plugins: [
  new HtmlWebpackPlugin({
    excludeAssets: [/style.*.js/] // exclude style.js or style.[chunkhash].js 
  }),
  new HtmlWebpackExcludeAssetsPlugin()
]

票数 5

Stack Overflow用户

发布于 2020-01-23 10:36:21

chunks选项可能是您想要使用的(请参阅文档的过滤块段 )。我不知道为什么它会在你的片段中被评论，但是你可以这样写：

entry: {
    background: './app/main/background.js',
    options: './app/main/options.js'
}

如果只想在生成的options中注入HTML，请指定块：

new HtmlWebpackPlugin({
    template :'./app/templates/options.html',
    chunks : ['options'],
    filename: "./options.html",
    cache : true
}),

票数 18

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50825549

复制

相似问题

问htmlWebpackPlugin只向生成的html添加一个入口点。
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问htmlWebpackPlugin只向生成的html添加一个入口点。EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问htmlWebpackPlugin只向生成的html添加一个入口点。
EN