sass在我的反应js项目中不起作用

Question

我安装了sass-loader，并且我遵循了这个article的所有步骤，但仍然因为某些原因无法识别scss文件。没有什么改变。 你能否指出我的错误。

这里u能看到我的web.config.dev.js文件jsFiddle 和我在App.js组件做import "./styles/style.scss";

Answer 1

在你的jsfiddle您使用的配置为webpack1（文章关于webpack1太），所以你应该使用不同的语法，包括上海社会科学院的支持，下面配置的例子：

 { 
     test: /\.scss$/, 
     include: paths.appSrc, 
     use: [ 
      require.resolve("style-loader"), 
      'css-loader', 
      { 
      loader: require.resolve("postcss-loader"), 
      options: { 
       ident: "postcss", 
       plugins:() => [ 
       require("postcss-flexbugs-fixes"), 
       autoprefixer({ 
        browsers: [ 
        ">1%", 
        "last 4 versions", 
        "Firefox ESR", 
        "not ie < 9" 
        ], 
        flexbox: "no-2009" 
       }) 
       ] 
      } 
      }, 
      'sass-loader' 
     ] 
     }