webpack.config.js====插件html-webpack-plugin

Posted Summer_2014

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack.config.js====插件html-webpack-plugin相关的知识,希望对你有一定的参考价值。

1. 安装

cnpm install html-webpack-plugin --save-dev

2. webpack.config.js中使用

const htmlWebpackPlugin = require(html-webpack-plugin);
    //插件配置
    plugins: [
        new htmlWebpackPlugin({
            template: ./src/index.html,
            //hash主要是清除缓存用
            hash: true,
            //开发期间可以不用设置,主要是方便查看生成的文件
            //             minify:{
            //                 removeAttributeQuotes:true,//去除引号
            //                 collapseWhitespace:true, //html压缩为一行
            //             }
        }),

    ],

 

以上是关于webpack.config.js====插件html-webpack-plugin的主要内容,如果未能解决你的问题,请参考以下文章

webpack教程——webpack.config.js文件

webpack.config.js配置实例

如何通过新的 @angular/cli v7 angular.json 或 custom-webpack.config.js 添加额外的 postcss 插件?

webpack.config.js

在 webpack.config.js 中获取当前的 `--mode`

使用 Laravel Mix 时如何包含 webpack 插件?