使用vue-cli搭建專案有內建的webpack方案，但是沒有使用scss。vue提供了初始化的webpack模板，其中使用了vue-loader。vue-loader預設只支援sass,要是想要使用scss，必須安裝node-sass和sass-loader，並修改相關webpack配置。具體操作如下：
- 依次執行以下命令 安裝node-sass和sass-loader
npm install node-sass --save-dev
npm install sass-loader --save-dev
複製程式碼若npm安裝太慢，可以使用cnpm安裝
- 修改相關webpack配置 開啟webpack.base.config.js, 在module裡的rules中加上：
{
test: /\.scss$/,
loaders: ["style", "css", "sass"]
},
複製程式碼- 如果要在vue檔案中的style使用scss,則在 style處宣告：
<style rel="stylesheet/scss" lang="scss"></style>
複製程式碼最好加上scoped，這樣可以保證當前style只對當前元件有效，避免元件間樣式相互影響。即：
<style rel="stylesheet/scss" lang="scss" scoped>
...
</style>
複製程式碼