2023-6-12 webpack（TerserPlugin, CssMinimizerPlugin, Scope Hoisting）

张志明456
117 阅读1分钟

image.png

image.png

命令行中使用terser

image.png

image.png

mode为production的时候会自动使用TerserPlugin

image.png

image.png

css-minimizer-webpack-plugin主要是进行css的空格的去除和压缩

image.png

image.png

一般我们打包后会有很多的闭包作用域，ScopeHoisting会进行作用于提升，让他们处于同一个作用域下面

image.png

使用ModuleConcatenationPlugin()插件来进行作用域提升(ScopeHoisting)

avatar
文章
阅读
粉丝