小程序中使用的静态图片太多，导致打包的代码超过了2M，无法发布。
解决方式：使用CDN的方式引入图片，配置全局域名

1. 创建全局变量配置域名

在app.js的globalData对象中配置图片域名地址

  1. // app.js
  2. App({
  3.     ...
  4.   globalData: {
  5.     imgUrl: 'https://...' //你的图片域名，线上必须是https的，
  6.   },
  7. })

2. 在页面的js中引入全局域名地址

  • 获取到小程序全局唯一的 App 实例

  • 在data中引入app实例的imgUrl

    1. // home.js
    2. const app = getApp()
    3. Page({
    4. data: {
    5.   imgUrl: app.globalData.imgUrl,  //图片域名地址
    6. }
    7. })

    3. 在wxml中使用图片

  • {{imgUrl}}是图片域名

  • /chaozhimei/icon01.png是域名下图片地址的相对路径
    1. <image src="{{imgUrl}}/chaozhimei/icon01.png" />