初探webpack4--根据模版自动生成HTML

1、根据HTML模版自动生成HTML
    了解html-webpack-plugin
      HtmlWebpaclPlugin会自动为你生成一个HTML文件,根据指定的index.html生成对应的html文件
    安装html-webpack-plugin插件
      npm install html-webpack-plugin --save-dev
    配置config文件
      const HtmlWebPackPlugin = require('html-webpack-plugin')
      plugins: [
        new HtmlWebPackPlugin({
          template: "./src/index.html",
          filename: 'index.html',
          minify: {
            minimize: true, //是否打包为最小值
            caseSensitive:false,//是否大小写敏感
                      collapseWhitespace:true//是否去除空格
                        removeAttributeQuotes:true// 去掉属性引用
                        removeComments:true,//去注释
            minifyJS: true //压缩html内的js
            minifyCSS: true //压缩html内的样式
            removeEmptyElements: true //清楚内容为空的元素
          }
        })
      ]

posted @ 2019-12-27 16:31  Web涛涛  阅读(256)  评论(0编辑  收藏  举报