new HtmlWebpackPlugin参数说明
时间: 2024-06-07 13:09:33 浏览: 8
`HtmlWebpackPlugin` 是一个 webpack 插件,用于生成 HTML 文件,并将打包后的资源自动引入到该文件中。
该插件提供了一些配置项,下面是一些常用的参数说明:
- `template`:模板文件路径,可以是相对路径或绝对路径,如果不指定,则使用默认模板;
- `filename`:生成的 HTML 文件名,默认是 `index.html`;
- `inject`:指定打包后的资源注入的位置,可选值为 `true`、`head`、`body`、`false`,默认值为 `true`;
- `minify`:对生成的 HTML 文件进行压缩,可以是一个对象,该对象包含一些参数,例如 `removeComments`、`collapseWhitespace` 等;
- `chunks`:指定需要注入到 HTML 文件中的 chunk 名称,可以是一个字符串或字符串数组;
- `meta`:指定生成的 HTML 文件的 meta 标签,可以是一个对象,该对象包含一些键值对,例如 `viewport`、`description` 等;
- `title`:指定生成的 HTML 文件的 title,可以是一个字符串或一个函数;
- `hash`:给生成的文件名添加 hash 值,可以是一个布尔值或数字,布尔值为 true 时默认添加 8 位 hash 值,数字表示添加的 hash 值长度;
- `favicon`:指定生成的 HTML 文件的 favicon,可以是一个相对路径或绝对路径;
- `scriptLoading`:指定脚本的加载方式,可选值为 `blocking`、`defer`、`async`,默认为 `blocking`;
- `cache`:指定是否启用缓存,可以是一个布尔值、字符串或函数,布尔值为 true 时默认启用缓存,字符串和函数用于自定义缓存机制。
以上是一些常用的配置项,更多参数说明可以参考官方文档。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)
![](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)