第一步
安裝scss依賴，cnpm i node-sass sass-loader -D
注：sass-loader用來決議scss檔案（-D 是 --save-dev 的簡寫）
第二步：
在build檔案夾下的webpack.base.conf.js的rules里面添加配置
{
test: /\.scss$/,loaders: ['style', 'css', 'sass']} 第三步：scss使用測驗：如下測驗修改字體顏色
<style lang="scss">
$color:red;div {color:$color;}</style>安裝完成后，運行時出現了錯誤
Modele build failed: TypeError: this.getResolve is not a function at Object.loader...
這是因為當前sass的版本太高，webpack編譯時出現了錯誤，只需要換成低版本的就行，下面說一下修改方法，
找到package.json檔案，里面的 "sass-loader"的版本更換掉 就行了，
安裝的sass-loader的版本為最新8.0.0 改成如下即可
"sass-loader": "^7.3.1"
然后重新安裝專案依賴
在終端執行 npm i
之后啟動專案 npm run dev
專案啟動成功，編譯報錯問題解決
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/41307.html
標籤：HTML5
上一篇：固定定位下的div水平居中