webpack打包优化--提升构建速度、减少打包文件体积等

1.省略devtool选项,不生成source map,能加快构建和重新构建速度。

2.CommonsChunkPlugin提取公共模块 ,不仅能缩小主文件的大小,在第一次下载的时候能并行下载,提高加载效率。

3.ExtractTextPlugin抽取样式到css文件,同样能缩小主文件大小,而且加载的时候能跟js文件并行加载,提高加载效率。

4.压缩js、图片。

5.路由懒加载。

6.include指定loader适用的目录范围。

7.externals防止将某些第三方包打包到主文件,在运行时从外部获取。

...

~欢迎指正和补充~

 

posted @ 2021-12-16 11:58  尹言覃少  阅读(508)  评论(0编辑  收藏  举报