weex 想要把图片变成base64 合并到js里面 报错

weex -v
v1.3.11

在webpack 里面添加

{    test: /\.(jpg|jpeg|gif|png)$/,
    use: [{
      loader: 'url-loader',
      options: {
        limit: 10000,
        name: 'img/[name].[sha512:hash:base64:7].[ext]'
      },
    }],    exclude: config.excludeModuleReg},

web环境能看到它变成了base64, 并且能使用

运行npm run andriod 或者 npm run ios

报错

WARNING in ./src/images/index/icon-close.png Module parse failed: Unexpected character '�' (1:0) You may need an appropriate loader to handle this file type.

自行 npm install url-loader file-loader 也没用


胡子哥哥
浏览 687回答 1
1回答

守着星空守着你

在 webpack.common.conf.js//&nbsp;Config&nbsp;for&nbsp;compile&nbsp;jsbundle&nbsp;for&nbsp;native.const&nbsp;weexConfig&nbsp;=&nbsp;{...{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test:&nbsp;/\.(png|jp(e*)g|svg)$/,&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;use:&nbsp;[{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;loader:&nbsp;'url-loader', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;options:&nbsp;{&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;limit:&nbsp;10000,&nbsp;//&nbsp;Convert&nbsp;images&nbsp;<&nbsp;10kb&nbsp;to&nbsp;base64&nbsp;strings &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;'images/[name].[ext]' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}以前是因为写到webConfig里去了。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

React.JS