最新版react手脚架中如何引入公共的sass？

#1

当前状况：

使用最新版react手脚架，eject展开，sass-loader已配置可用，在局部组件中单独引用公共的scss也行。

sass-resources-loader配置到可以插入每个scss文件，但是未编译的源文件，所以引入未生效。

请问这一块怎么配置，十分感谢！！！

#2 
  sassResources:  ['./src/skin/vars.scss', './src/skin/mixins.scss'],
    module: {
        loaders: [
            { test: /\.(js|jsx)$/, loader: "jsx!babel", include: /src/ ,exclude: /node_modules/},
            { test: /\.scss$/, loader: ExtractTextPlugin.extract("css", "css!postcss!sass!sass-resources-loader") },
        ]
    }

项目中如上配置是可以生效的。

#3

感谢回答！
不过这个不是新版react手脚架的相关配置的解决方案吧？
ExtractTextPlugin在webpack4也不好用了。
sassResources在什么位置呢？纯属交流，再次感谢！

#4

你好 请问问题解决了吗？？？我现在也遇到这个问题

#5

react/vue中引入scss全局变量

#6

你好 我按照您的方式 没有生效 不知道为什么？？？