关于前端:代码压缩

6次阅读

共计 663 个字符，预计需要花费 2 分钟才能阅读完成。

HTML 压缩
CSS 压缩
JS 压缩

正式公布上线，代码是须要压缩的。代码压缩之后，字节更小，访问速度更快。webpack4 内置了 uglifyjs-webpack-plugin 插件，默认打包进去的 js 文件是压缩的。也能够手动装置 uglifyjs-webpack-plugin，给他设置额定的参数，比方默认开启他的并行压缩。

应用 optimize-css-assets-webpack-plugin，同时装置 cssnano（预处理器）

module.exports = {
  plugins: [
    new OptimizeCSSAssetsPlugin({
      assetNameRegExp: /\.css$/g,
      cssProcessor: require('cssnano')
    })
  ]
}

批改 html-webpack-plugin，设置压缩参数

module.exports = {
  pluginsa: [
    new HtmlWebpackPlugin({template: path.join(__dirname, "src/search.html"),
      filename: "search.html",
      chunks: ["search"],
      inject: true,
      minify: {
        html5: true,
        collapseWhitespace: true,
        minify: {
          html5: true,
          collapseWhitespace: true,
          minifyCSS: true,
          minifyJS: true,
          removeComments: false,
        },
      },
    }),
  ]
}

正文完