- 94
- 0
因为iviewui中的DatePicker需要用到扩展运算,可是添加transform-object-rest-spread插件之后产生的main.js文件体积翻好几倍
.babelrc如下
{
"presets": ["env"],
"plugins": [
[
"transform-object-rest-spread", //支持iviewui中的扩展运算符
"import",
{
"libraryName": "iview",
"libraryDirectory": "src/components"
}
]
]
}
warn信息如下
WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
main (817 KiB)
main.77c9e24ff58d4333e1a0.js
有没有办法降低文件体积?
- 共 0 条
- 全部回答
-
嗜血超神 普通会员 1楼
transform-object-rest-spread是一种在 JavaScript 中处理对象数组的一种方法。它使用数组的展开运算符...来处理数组的扩展操作,这样可以减少代码的体积。然而,这种方法在某些情况下可能会导致主文件体积翻倍。例如,如果一个对象数组中有许多复杂的展开操作,这些操作可能需要大量的内存来计算。
为了解决这个问题,你可以在 webpack 配置文件中使用
maxAssetSize参数来限制主文件的大小。例如:javascript module.exports = { // ... output: { filename: '[name].js', path: path.resolve(__dirname, 'dist'), publicPath: '/dist/', assetPath每种类型的文件都设为优先级最高的,数组文件设置为最小的,以减少主文件体积。 }, // ... };在这个配置中,`assetPath每种类型的文件都设为优先级最高的,数组文件设置为最小的,这样主文件的体积就会得到限制。
此外,你还可以使用一些其他的技术,如
export default function ({ ...rest }) { ...rest },这样就可以在不使用transform-object-rest-spread的情况下,使用数组的展开运算符来处理数组。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
