let importFn = (icon)=>{import icon from "@/assets/monitor-data/" + icon + ".png";這行還報錯了}import icon1 from "@/assets/monitor-data/icon1.png";import icon2 from "@/assets/monitor-data/icon2.png";import icon3 from "@/assets/monitor-data/icon3.png";import icon4 from "@/assets/monitor-data/icon4.png";vue項目，本來打算寫一個函數，結果import那一行還報錯了，不知道為什么，大家都是怎么解決這種重復引入的呢### 問題描述問題出現的環境背景及自己嘗試過哪些方法相關代碼// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）你期待的結果是什么？實際看到的錯誤信息又是什么？
1 回答
白衣染霜花
TA貢獻1796條經驗 獲得超10個贊
const context = require.context('@/assets/monitor-data', false, /\.png$/) const keys = context.keys()
keys.forEach(path => { const img = context(path) console.log(img)
})這個方法引入了'@/assets/monitor-data'目錄下的所有png文件，如果需要過濾，可以在變量keys上調用filter()方法。也可以單獨建一個你需要引入的文件目錄，這樣就不用過濾了。
如果報錯了就不要使用webpack的別名，別名沒有測試過不知到可不可以用。
- 1 回答
- 0 關注
- 732 瀏覽
添加回答
舉報
0/150
提交
取消