webpack配置之HtmlWebpackPlugin第三方引用

HtmlWebpackPlugin该插件可以为你生成一个HTML文件。

首先我们使用这个插件我们就需要先安装这个插件

npm insatall --save-dev html-webpack-plugin

然后引用插件

const HtmlWebpackPlugin=require('html-webpack-plugin');

最后我们就可以使用了

    plugins: [new HtmlWebpackPlugin({
        filename: "index.html",
        template:"index.html"
    })],

可设置的参数如下：

• title:用于生成的HTML文档的标题
• filename:将HTML写入的文件。默认为index.html。您也可以在此处指定一个子目录。
• template:webpack模板的相对或绝对路径。
• templateContent:可用于代替template提供内联模板
• templateParameters:允许覆盖模板中使用的参数
• inject：true||'head'||'body'||false将所有资产注入给定template或templateContent。
• publicPath:用于脚本和链接标签的publicPath
• scriptLoading:现代浏览器支持非阻塞javascript加载('defer',以提高性)
• .........

其余可用参数参考官网https://github.com/jantimon/html-webpack-plugin