爲什麼scss構建失敗？

Question

在我的vue-cli webpack項目中，我嘗試在我的全局index.scss中包含mixin.scss和base.scss。但它失敗：

我真的很困惑。語法錯了嗎？

Answer 1

您需要配置webpack才能加載scss。爲此，你需要安裝下面的命令node-sass和sass-loader。使用安裝

NPM我-S節點青菜青菜裝載機

添加新的規則webpack.config文件

加載 scss

module:{ 
    rules:[ 
     ...some tests 
     {test:/\.scss$/,use:['style-loader','css-loader','sass-loader']} 
    ] 
} 

注意：裝載機反相運行，所以，首先SASS-程序將運行。所以訂單很重要