用于sass模块的React.js加载器

Question

我正在尝试创建自己的反应捆绑包，因此我可以更好地了解反应流程。 我有我的css加载器和模块与这个加载器工作正常：

{
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: [
            {
              loader: 'css-loader',
              options: {
                importLoaders: 1,
                modules: true,
                localIdentName: '[name]__[local]_[hash:base64:5]',
              },
            },
          ],
        }),
      },

然后我可以import classes from ...并使用className={classes.Someclass}

附加我的课程

我需要类似的css文件设置，当我尝试复制类似的设置时，我收到错误：“为这种文件类型尝试不同的加载器” 如何为css文件设置加载程序？

Answer 1

试试这个：

{
        test: /\.scss$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: [
            {
              loader: 'css-loader',
              options: {
                modules: true,
                importLoaders: 2,
                localIdentName: '[name]__[local]_[hash:base64:5]',
              },
            },
            'sass-loader',
          ],
        }),
      }