引用本地资源

• 在<style>中使用本地资源

  小程序不支持在.wxss的样式中使用本地资源，因此@mpxjs/url-loader会对<style>中的图片做强制base64

  index.mpx

  <style lang="css">
    .container: {
      background-image: url('./bg-img.png');
    }
  </style>

  编译后变成base64

• <image> / <cover-image>组件src属性使用本地资源，@mpxjs/webpack-plugin提供了urlLoader来处理本地图片资源。

  webpack.config.js

  webpackconfig = {
    module: {
      rules: [
        {
          test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
          loader: MpxWebpackPlugin.urlLoader({
            name: 'img/[name].[ext]'
          })
        }
      ]
    }
  }

  index.mpx

  <template>
    <view>
      <image src='./bg2.png'/>
    <view>
  </template>