前端開發
安裝 node-sass 與 sass-loader
記錄當時在 webpack 專案裡安裝 node-sass 與 sass-loader，讓建置工具能處理 .scss 檔案的做法。node-sass 已於 2020 年被 Sass 團隊正式棄用，現在改用 Dart Sass，整理在新的一篇。
W
專案要處理 .scss 檔案，webpack 得先裝對應的工具。
安裝指令
npm install --save-dev node-sass sass-loader
- node-sass：Sass 官方 C++ 版本編譯器（LibSass）的 Node.js 綁定，負責把 SCSS 編譯成 CSS
- sass-loader：webpack 的 loader，負責在打包流程裡呼叫 node-sass 做轉換，串接 webpack 跟 Sass 編譯器
兩個套件缺一不可：sass-loader 只是轉接層，實際編譯工作是 node-sass 在做。
現在還用得到嗎
不建議繼續用了。 node-sass 底層依賴的 LibSass（C++ 版 Sass 編譯器）已經在 2020 年被 Sass 官方團隊正式棄用並停止維護，node-sass 本身也因此停止更新。它最大的痛點是跟 Node.js 版本強綁定——node-sass 需要編譯原生二進位檔，Node 版本一升級，往往要跟著等 node-sass 出新版才能繼續裝，團隊裡 Node 版本沒對齊時常常一個人裝得起來、另一個人裝不起來。
現在的做法整理在《Dart Sass 遷移筆記：node-sass 之後怎麼裝 Sass》。