1. 问题:
在开发者工具中,写好代码,想要预览、真机调试的时候,遇到了一个问题:提示代码包过大,应限制在2048MB,
因为项目中用到的图片都是放在本地,一开始以为是图片没有压缩的原因,就将用到的图片在线压缩成base64,放到代码中之后发现:代码包并没有因此缩小多少
注意: 图片放在项目本地,有时候没法正常显示
2. 原因:
代码包过大,其实就是图片过大,但是将图片压缩成base64,并不会真正的压缩多少
3. 解决方法:
将本地图片都换成线上的,也就是项目中不要存储图片,将所用到的图片存在服务器
将图片放到线上的具体方法是:
(1) 百度搜索七牛 -- 进入官网 -- 注册、登录
(2) 点击右上角菜单栏:管理控制台
(3) 点击左侧菜单栏: 对象存储
(4) 点击上面菜单栏中的内容管理
(5) 上传文件(即上传想要放到服务器上的图片)
(6) 上传图片
(7) 复制外链
(8) 复制的外链: 就是图片的在线地址
如果自己配过域名:可以将域名换成自己的
(9) 以上,就可以将外链复制, 粘贴在代码中使用了,如下所示
图片中: <image src="http://pgh32vts9.bkt.clouddn.com/shoppingFile.jpg"/>
背景图: .bg { background: url(http://pgh32vts9.bkt.clouddn.com/shoppingFile.jpg) }