10. webpack压缩html和js

需要的loader和插件

• html-webpack-plugin 插件中进行配置即可压缩html

(一) 压缩js代码

1. 只需将 webpack的配置文件webpack.config.js中的mode改为生产环境即可自动压缩js代码

   ....
   module.exports = {
         
         
   	mode: 'production',
   	...
   }
   

(二) 压缩html

1. 只需将 webpack的配置文件webpack.config.js中的mode改为生产环境即可自动压缩html代码

2. 这时可能报一个如下的错误
   

3. 需将html-webpack-plugin插件的配置改为如下，具体原因不知道

   plugins: [
     //以自己的html为模板
      new HtmlWebpackPlugin({
         
         
          template: './src/index.html',
          minify: false
      })
   ]