水木社区手机版
- 主题:aliyun-oss-sdk.js太大， 各位牛人都怎么减小bundle大小的？
- 项目中用到了webpack, vue.js, 阿里云OSS（所以安装了aliyun-oss-sdk.js, 静态大小2.69M， 天啦), 但是这货太大啊， 我只想用它下载文件啊， 另外树形控件jstree也不小（还依赖jquery).
--
FROM 114.249.199.* - 这个抽取公共模块，能减少bundle的大小么？
【 在 zzjyingzi 的大作中提到: 】
: https://webpack.js.org/plugins/split-chunks-plugin/
--
FROM 114.249.199.* - 可以拆出各个包分别打。
【 在 novodexx 的大作中提到: 】
: 这个抽取公共模块，能减少bundle的大小么？
:
--
FROM 220.184.6.* - 谢谢，还是不太明白， 分别打包， 但是结果还是那么大吧？ 这个SPA应用， 首页也要把所有的包一次性全download下来吧。
【 在 zzjyingzi 的大作中提到: 】
: 可以拆出各个包分别打。
:
--
FROM 114.249.199.* - 不了解。不过gzip后119k还好吧。或者配个tree-shaking看看
--
FROM 114.251.152.* - 是可以根据依赖关系拆分成多个scirpt，总大小与未打包一样（或者可能会更大，因为不同依赖关系会导致重复打包，不过这个需要细致操控），但多个script可以由浏览器分别下载，避免一次加载超大文件导致速度慢。另外有一些包可以异步加载，不占用主要部分页面的时间。
【 在 novodexx 的大作中提到: 】
: 谢谢，还是不太明白， 分别打包， 但是结果还是那么大吧？ 这个SPA应用， 首页也要把所有的包一次性全download下来吧。
:
--
FROM 220.184.6.* - 比如说
optimization: {
splitChunks: {
minSize: 30, //提取出的chunk的最小大小
cacheGroups: {
default: {
name: 'common',
chunks: 'initial',
minChunks: 2,
priority: -20
},
vendors: {
test: /[\\/]node_modules[\\/]jstree/,
name: 'vendor',
chunks: 'initial',
priority: -10
}
}
}
},
【 在 novodexx 的大作中提到: 】
: 项目中用到了webpack, vue.js, 阿里云OSS（所以安装了aliyun-oss-sdk.js, 静态大小2.69M， 天啦), 但是这货太大啊， 我只想用它下载文件啊， 另外树形控件jstree也不小（还依赖jquery).
:
--
FROM 220.184.6.* - 嗯， 这个得试试。
吐槽一下阿里， 只利用下载文件功能， 居然一个包这么大， 只暴露一个对象， 没有办法裁剪啊。
【 在 zzjyingzi 的大作中提到: 】
: 比如说
: optimization: {
: splitChunks: {
: ...................
--
FROM 114.249.199.* - 我也想用gzip试试， 这个是另一种思路。
tree-shaking不太了解。是剔除无用依赖？ webpack应该就是干这个的。
【 在 Arisky 的大作中提到: 】
: 不了解。不过gzip后119k还好吧。或者配个tree-shaking看看
--
FROM 114.249.199.*