1***@qq.com
1***@qq.com
  • 发布:2019-12-16 09:33
  • 更新:2022-03-29 14:18
  • 阅读:1789

App.vue 中引用的全局 css ,打包成小程序时,每个 wxss 都复制一次,导致 wxss 文件过大。如何避坑?

分类:uni-app

App.vue 中引用的全局 css ,打包成小程序时,每个页面的 wxss 都复制一次,导致 wxss 文件过大。如何避坑?

@import './static/colorui-main.css';
@import './static/colorui-icon.css';

2M以内的代码,打包变成8M多,无法上传微信小程序。查看每个 wxss 文件,几乎都一样,200k 左右。

2019-12-16 09:33 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

自己来结贴吧。

导致的原因推断大致是 js 文件中 import Vue,但这个导致 wxss 文件大量重复打包,BUG 似乎没什么逻辑。但好在删除掉导入 vue 代码后,问题解决。

  • 1***@qq.com

    这是怎么解决的啊

    2022-11-10 19:56

3***@qq.com

3***@qq.com

你好,我也遇到这个问题,想请教一下你是删除掉哪边的导入vue代码之后解决问题的?

  • 1***@qq.com

    老哥你是怎么解决的

    2022-11-10 19:58

z***@live.com

z***@live.com

你好 请问解决了嘛 是怎么解决的呢

  • 1***@qq.com

    老哥解决了吗我也遇到这个问题了

    2022-11-10 19:53

  • z***@live.com

    回复 1***@qq.com: 我知道原因了 导致这个问题的原因就是 你在main.js 将app对象暴露出去了,然后在其他文件中引入了这个app对象

    2023-11-29 15:30

该问题目前已经被锁定, 无法添加新回复