webpack 配置

最新推荐文章于 2025-07-07 19:08:00 发布

转载最新推荐文章于 2025-07-07 19:08:00 发布 · 138 阅读

本文详细介绍了Webpack中HtmlWebpackPlugin的使用方法，包括如何通过filename属性指定输出文件的名称及路径，以及如何利用template属性加载本地模板文件，支持多种加载器如handlebars、ejs等。

webpack 配置：

HtmlWebpackPlugin 插件：是一个用于生成html文件，配置选项：
1.filename：输出文件的文件名称，默认为index.html，不配置就是该文件名；此外，还可以为输出文件指定目录位置（例如'html/index.html'）
2.template：template: 本地模板文件的位置，支持加载器(如handlebars、ejs、undersore、html等)，如比如 handlebars!src/index.hbs