webpack中引用js会打包同级目录所有js的问题

Question

问题描述

这个是weex工程，weex不支持直接在src里写本地图片的路径。所以我把图片都转换成了base64值再去引用这个base64来达到一样的效果。但是有一个问题，localPic是读取图片base64值的一个模块方法，打包后的页面中会包含images文件夹下的所有js代码。

如果我在localPic方法内写死文件的路径，就不会有这个问题，用变量的方式就会打包同级目录下的所有js文件。

希望结果

我想要我引用哪些js就打包哪些，不要全部打包，请问如何才能解决这个问题？

---

包含base64值的图片js:

读取图片js的模块:

打包结果:

Answer 1

当然会包含了，你要 return require 的结果，那 require 就是同步的，就不能去远程请求图片。
想异步 require 你需要做 code splitting，文档看这里 https://webpack.docschina.org...

Answer 2

找不到比较好的办法，论坛人气不行没人解答，最后还是用下面这个方式先过渡下：

import someImage from '../../libs/images/[e-mail]'

data () {
    return {
      icons: someImage
    }
}

<image :src="icons.someImage"></image>