Webpack升版(二)
要關閉 Vue-cli 的 TS,方法就是去修改 ts-loader 的設定,從頭到尾不是 ESLint 做的祟。到這裡總算是可以把專案暫時動起來了,但接著還要各種問題⋯⋯最要命的是 typescript 的各種運行規則,不要去挑戰非常冷門的寫法,永遠會讓你有驚奇的事。比方說 class 初始化去省略 constructor 的語法不寫這種情況,能定義清楚或是有爭議的部分千萬別去挑戰它。
眼看著專案動了起來,這時發現又是一片紅。這次是對於 SCSS 變數的 :export 的轉換失效,這問題其實是對於檔案名稱在 vue-cli 下有綁定一個名稱的規則,要加上 “.module.scss” 的後綴,這時辨識為模組後才將其轉換為 JavaScript 的變數。
接著就是缺套件的問題,像是會噴出 core-JavaScript 相關的 Error 就是 babel-core 沒有更新,升一下版本就可以解決。其他也都是相依套件缺失,安裝一下或是升版就可以解決。
一路過關斬將來到看到它運行起來真的是成就感滿滿,可以把一切弄成目前狀態也是花了不少時間。終於可以開始跟平常一樣去架構專案了⋯應該啦XD還不知道有什麼坑呢!