1 使用dllplugin 将第三方依赖分离
2 使用cdn引入第三方依赖,在external中放入模块名,然后删除依赖引入
3 组件按需加载
4 分离第三方包
5 引入image-webpack-loader压缩图片
6 使用webpack-bundle-analyzer模块,分析打包后的模块大小,可以对症下药
7 减少模块引入,引入部分就不引入整体
8 使用resolve缩短搜索目录和路径,各种loader一定要配置include和exclude,减少查找范围
1 使用dllplugin 将第三方依赖分离
2 使用cdn引入第三方依赖,在external中放入模块名,然后删除依赖引入
3 组件按需加载
4 分离第三方包
5 引入image-webpack-loader压缩图片
6 使用webpack-bundle-analyzer模块,分析打包后的模块大小,可以对症下药
7 减少模块引入,引入部分就不引入整体
8 使用resolve缩短搜索目录和路径,各种loader一定要配置include和exclude,减少查找范围
本文标题:webpack记录哪些优化的点
本文链接:https://www.haomeiwen.com/subject/fyavgqtx.html
网友评论