浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:22 AM
[44]被webpack5和global scss折磨了快一個禮拜
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:22 AM
上週試著玩storybook
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:22 AM
在原本的元件庫中裝了最新版本
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:23 AM
內建提供的範例都沒有問題
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:24 AM
但關於自定義路徑這件事一直搞不定
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:25 AM
該專案在vue.config.js底下設定了chainWebpack
客製化某些常用的路徑
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:26 AM
上週一直百思不得其解
要怎麼把相同的設定給弄進storybook
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:27 AM
明明照著issue去處理了，在main.js底下做相同的設定，但還是一直報錯
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:29 AM
後來發現最新版storybook需要webpack5
好吧我不太確定這點
但畢竟Vue-Cli本身就內建webpack
我猜想storybook本身的bundle無法使用cli內建的webpack
裝好webpack並於main.js追加設定後便海闊天空
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:29 AM
但問題又來了
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:30 AM
因為是既有的元件庫專案
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:31 AM
有些scss的import是採全域設計
在部分元件中並沒有特別引用
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:32 AM
這點挺麻煩的，又不能更動原本的結構，幫每個元件的style追加import
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:33 AM
加上元件彼此間互相嵌套
為了找到沒辦法吃到scss的問題又花了點時間
到最後還是得回去看元件本身的code
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:34 AM
總之最後也順利解決
一樣是在.storybook/main.js中追加設定
替sass-loader設定additionalData
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:36 AM
靠北的是這個key-name(additionalData)在舊版中是使用data
一開始找到舊版的設定套上去想當然是不會動
啊不就還好我有看完issue= =
中盤~
@gn01642884
Mon, Dec 27, 2021 9:40 AM
設定環境永遠是最煩的一環
浩二/繁星正位之時
@Kouji_Y
說
Mon, Dec 27, 2021 9:41 AM
中盤~ : 真的QQ
載入新的回覆