鍍金池/ 問答/Linux  HTML/ webpack中引用js會(huì)打包同級(jí)目錄所有js的問題

webpack中引用js會(huì)打包同級(jí)目錄所有js的問題

問題描述

這個(gè)是weex工程，weex不支持直接在src里寫本地圖片的路徑。所以我把圖片都轉(zhuǎn)換成了base64值再去引用這個(gè)base64來達(dá)到一樣的效果。但是有一個(gè)問題，localPic是讀取圖片base64值的一個(gè)模塊方法，打包后的頁面中會(huì)包含images文件夾下的所有js代碼。

如果我在localPic方法內(nèi)寫死文件的路徑，就不會(huì)有這個(gè)問題，用變量的方式就會(huì)打包同級(jí)目錄下的所有js文件。

希望結(jié)果

我想要我引用哪些js就打包哪些，不要全部打包，請(qǐng)問如何才能解決這個(gè)問題？

包含base64值的圖片js:

包含base64值的圖片js

讀取圖片js的模塊:
讀取圖片js的模塊

打包結(jié)果:
打包結(jié)果

回答
編輯回答
尐潴豬

當(dāng)然會(huì)包含了，你要 return require 的結(jié)果，那 require 就是同步的，就不能去遠(yuǎn)程請(qǐng)求圖片。
想異步 require 你需要做 code splitting，文檔看這里 https://webpack.docschina.org...

2018年3月16日 09:45
編輯回答
哎呦喂

找不到比較好的辦法，論壇人氣不行沒人解答，最后還是用下面這個(gè)方式先過渡下：

import someImage from '../../libs/images/back_white@2x.png.js'
data () {
    return {
      icons: someImage
    }
}
<image :src="icons.someImage"></image>
2018年5月15日 06:52