小程序: 代码包过大

1. 问题:

在开发者工具中,写好代码,想要预览、真机调试的时候,遇到了一个问题:提示代码包过大,应限制在2048MB,

因为项目中用到的图片都是放在本地,一开始以为是图片没有压缩的原因,就将用到的图片在线压缩成base64,放到代码中之后发现:代码包并没有因此缩小多少

注意: 图片放在项目本地,有时候没法正常显示

 

2. 原因:

代码包过大,其实就是图片过大,但是将图片压缩成base64,并不会真正的压缩多少

 

3. 解决方法:

将本地图片都换成线上的,也就是项目中不要存储图片,将所用到的图片存在服务器

将图片放到线上的具体方法是:

(1)  百度搜索七牛 -- 进入官网 -- 注册、登录

小程序: 代码包过大_第1张图片

 (2)  点击右上角菜单栏:管理控制台

(3)  点击左侧菜单栏: 对象存储

小程序: 代码包过大_第2张图片

 (4) 点击上面菜单栏中的内容管理

小程序: 代码包过大_第3张图片

  (5)  上传文件(即上传想要放到服务器上的图片)

  小程序: 代码包过大_第4张图片

   (6) 上传图片

小程序: 代码包过大_第5张图片

   (7)  复制外链

  小程序: 代码包过大_第6张图片

  (8)  复制的外链: 就是图片的在线地址

         如果自己配过域名:可以将域名换成自己的

小程序: 代码包过大_第7张图片

   (9) 以上,就可以将外链复制, 粘贴在代码中使用了,如下所示

        图片中:

        背景图:  .bg { background: url(http://pgh32vts9.bkt.clouddn.com/shoppingFile.jpg) }

 

转载于:https://www.cnblogs.com/ljr210/p/9913368.html

你可能感兴趣的:(小程序: 代码包过大)