html-webpack-plugin 回调
时间: 2023-07-06 10:31:33 浏览: 54
html-webpack-plugin 提供了多个回调函数,用于在不同的构建阶段执行自定义操作。以下是一些常用的回调函数:
1. `beforeEmit`: 在生成 HTML 文件之前执行自定义操作,如修改 HTML 内容、插入自定义标签等。
2. `afterEmit`: 在 HTML 文件生成后执行自定义操作,如将生成的 HTML 文件复制到指定目录等。
3. `templateParameters`: 用于修改模板变量,如添加全局变量、修改页面标题等。
4. `htmlWebpackPluginBeforeHtmlProcessing`: 在处理 HTML 内容之前执行自定义操作,如在 HTML 内容中插入自定义代码。
5. `htmlWebpackPluginAlterAssetTags`: 在处理 HTML 内容之后,修改生成的标签,如添加 defer、async 属性等。
这些回调函数可以在 html-webpack-plugin 的配置中进行设置,例如:
```
plugins: [
new HtmlWebpackPlugin({
beforeEmit: (htmlData, options) => {
// 在生成 HTML 文件之前执行自定义操作
},
afterEmit: (compilation, callback) => {
// 在 HTML 文件生成后执行自定义操作
},
templateParameters: (compilation, assets, options) => {
// 修改模板变量
},
htmlWebpackPluginBeforeHtmlProcessing: (htmlData, options) => {
// 在处理 HTML 内容之前执行自定义操作
},
htmlWebpackPluginAlterAssetTags: (htmlData, options) => {
// 在处理 HTML 内容之后,修改生成的标签
}
})
]
```
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)