首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

爆肝总结万字长文笔记webpack5打包资源优化

在阅读之前,本文将从以下几个点去探讨webpack的打包优化 1、webpack如何做treeShaking 2、webpack的gizp压缩 3、css如何做treeShaking, 4、入口依赖文件拆包...xx from 'xxx'的方式 2、cjs方式不能被tree shaking 3、线上打包生产环境mode:production自动开启多项优化,可以参考生产环境的构建production[3] gizp...open: true, host: "localhost", compress: true // 启用zip压缩 } } CompressionWebpackPlugin 插件gizp...压缩了,这是没有必要的 官方提供了一个exclude,可以排除某些文件不被gizp压缩 { plugins: [ new HtmlWebpackPlugin({ template...here // Learn more about plugins from https://webpack.js.org/configuration/plugins/ ], } 对比开启gizp

1.7K20
领券