的的WebPack爲編譯後的錯誤

Question

無效的CSS SASS文件「......載入樣式」：預計1個選擇或規則，是‘VAR內容= requi’

我需要的時候我用青菜使用webapck。 然後出現這個錯誤。 最後，我通過修改編譯器修改了編譯器。 這裏是我的代碼，我張貼，我有誰有同樣的問題的朋友。

{ 
 
    test:/\.scss $/, 
 
    include:/node_modules /,// emphasis is on this line of code problem solving 
 
    loaders: [" style - loader ", "css-loader", "sass-loader"]// webpack2 needs to be added in the back - loader 
 
}

Answer 1

你不應該使用的WebPack建立第三方SCSS文件。它們應該已經被轉換爲css並可供您用作導入。可能是問題的原因。另外，如果你使用的是webpack 2，那麼你的規則結構是錯誤的。來自webpack 2文檔https://webpack.js.org/loaders/sass-loader/#components/sidebar/sidebar.jsx：

module: { 
     rules: [{ 
      test: /\.scss$/, 
      use: [{ 
       loader: "style-loader" 
      }, { 
       loader: "css-loader" 
      }, { 
       loader: "sass-loader", 
       options: { 
        includePaths: ["absolute/path/a", "absolute/path/b"] 
       } 
      }] 
     }] 
    }