如何在最新的vue-cli starter項目中使用SASS/SCSS？

Question

我需要在我的項目中使用SASS或SCSS。

我使用vue-cli來製作最新版本的初學者項目。

任何人在使用webpack創建sass/scss最新啓動項目方面都取得了成功？

Answer 1

1. 安裝必要的依賴

   npm install -D node-sass sass-loader

2. 爲全局樣式，只需將文件導入到main.js：

   import './styles/my-styles.scss'

3. 在.vue文件，添加郎到<style> NT。

   <style lang="scss">

如果使用webstorm：

<style lang="scss" rel="stylesheet/scss">