1.下載
npm install --save-dev sass-loader
npm install --save-dev node-sass
npm install sass-loader --save-dev
2.使用
vue1中
在build文件夾下的webpack.base.conf.js的rules里面添加配置
{
test: /\.sass$/, loaders: ['style', 'css', 'sass']
}
vue2 中不用，已經自己引入了，再引入會報錯
在style 中加入lang=“scss” 屬性即可
<style lang="scss"><style>
如果.css文件把名字改成.scss即可
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
然后我重啟npm run dev發現抱錯了：Module build failed: Error: Cannot find module 'node-sass'
然后這個檢索資料發現可以這么處理：
此處是Vue環境下，把node從8.0.0升級到9.0.0導致了，之前已安裝的4.5.2的Node Sass報錯了。
解決辦法是：
卸載重裝（最新版本的node-sass）即可：
npm uninstall node-sass -D
npm install node-sass -D