Lastor
@Lastor
Mon, Sep 25, 2023 8:14 AM
coding
長知識了，同事那邊碰到一個 vite 要導入動態 img path 的需求，run dev 跑起來沒問題，build 之後 path 全吃不到，大概這種感覺
Lastor
@Lastor
Mon, Sep 25, 2023 8:15 AM
這樣 build 之後，那個 src path 沒有被 rollup 解析到，原封不動的是 "/src/xxx"
l• ܫ•) Davyキュルッ
@david50407
Mon, Sep 25, 2023 8:17 AM
Mon, Sep 25, 2023 8:18 AM
可以寫完整路徑
或是直接 import 那個圖檔讓他過 preprocessor 拿到最終路徑
Lastor
@Lastor
Mon, Sep 25, 2023 8:17 AM
研究了陣子，才找到是要用原生 URL Class 去包
Lastor
@Lastor
Mon, Sep 25, 2023 8:18 AM
Vite
Lastor
@Lastor
Mon, Sep 25, 2023 8:18 AM
l• ܫ•) Davyキュルッ
: 直接 import 是可以，就是得寫一q96
l• ܫ•) Davyキュルッ
@david50407
Mon, Sep 25, 2023 8:18 AM
喔 這也可以 但我覺得 import 比較快wwwww
Lastor
@Lastor
Mon, Sep 25, 2023 8:18 AM
得寫一排 import，這有點多
l• ܫ•) Davyキュルッ
@david50407
Mon, Sep 25, 2023 8:19 AM
Mon, Sep 25, 2023 10:57 AM
寫個簡單的 script 產出一個 image.ts (或用 vite 產 virtual file)
然後大家 import * as img from 'image.ts' 從 img 拿想要的圖就好了
Lastor
@Lastor
Mon, Sep 25, 2023 8:19 AM
想起幾年前我在 webpack 好像也碰過類似問題，當時好像是用 requre.context() 還啥的，才解掉。也是研究了老半天
Lastor
@Lastor
Mon, Sep 25, 2023 8:21 AM
l• ܫ•) Davyキュルッ
: 他這個我比較納悶的是，為啥不放在 public 省事點。原本這段 code 寫的方式很土法煉鋼，同事改成像上圖那樣，直接弄個 config 然後 v-for 做掉，code 少了好幾十行
Lastor
@Lastor
Mon, Sep 25, 2023 8:21 AM
沒想到撞到這種 path 解析問題....XDDD
l• ܫ•) Davyキュルッ
@david50407
Mon, Sep 25, 2023 8:40 AM
那這可能就要問同事了XD
載入新的回覆
或是直接 import 那個圖檔讓他過 preprocessor 拿到最終路徑
然後大家 import * as img from 'image.ts' 從 img 拿想要的圖就好了