我正在尝试在使用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配置。
感谢您的帮助!