Webpack 4和sass-resources-loader

时间:2019-02-25 19:54:27

标签: webpack create-react-app css-modules

我正在尝试在使用createpack-react-app 2.0(使用webpack 4)创建的应用程序中使用webpack 4。 由于某种原因,我得到了:

./src/components/Registration/_registration.scss (./node_modules/css-loader??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-3!./src/components/Registration/_registration.scss)
  color: $testColor;
        ^
      Undefined variable: "$testColor".
      in /Users/Bartosz/Projects/penzo-web/src/components/Registration/_registration.scss (line 2, column 10)

这是webpack的一部分,应该加载sass-resources-loader:

 {
  test: /\.scss$/,
  use: [
    'style-loader',
    'css-loader',
    'postcss-loader',
    'sass-loader',
    {
      loader: 'sass-resources-loader',
      options: {
        // Provide path to the file with resources
        resources: './src/styles/modules/_variables.scss',
      },
    },
  ],
},

除此部分外,所有内容均由create-react-app配置。

感谢您的帮助!

0 个答案:

没有答案