高级前端
webpack
【Q077】使用 webpack 时如何优化项目体积

使用 webpack 时如何优化项目体积

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 78 (opens in a new tab)

Author 回答者: zhangjinzhepro (opens in a new tab)

使用用uglyfly进行代码压缩,使用commonsChunk分离第三方代码

Author 回答者: Michael-lzg (opens in a new tab)

按需加载,代码压缩,代码分割,CDN优化,gzip加速

Author 回答者: wjw-gavin (opens in a new tab)

多入口情况下,使用 CommonsChunkPlugin 来提取公共代码 通过externals配置来提取常用库 使用 Happypack 实现多线程加速编译 使用 Tree-shaking剔除多余代码

Author 回答者: ajiaosong (opens in a new tab)

1、提取第三方库或通过引用外部文件的方式引入第三方库 2、代码压缩插件UglifyJsPlugin 3、服务器启用gzip压缩 4、剥离css文件,单独打包 5、Tree Shaking 在构建打包过程中,移除那些引入但未被使用的无效代码