将sass安装到React项目

Question

我想将node-sass安装到我的React项目中，但是我无法运行项目时出现错误Module not found: Can't resolve 'style' in

安装无礼的步骤

1. 运行npm i sass-loader node-sass — save
2. 针对未隐藏的Webpack文件运行npm run eject

3. 转到webpack.config.dev.js并在此处传递此代码

   {
     test: /\.scss$/,
     loaders: ["style", "css", "sass"],
     exclude: /node_modules(?!\/react-conventions)/
   

   }，

   1. 运行项目并崩溃

Include webpack.config.dev.js

Answer 1

您可能需要按照sass-loader网页上的说明调整webpack配置文件中的规则

{
    test: /\.s[ac]ss$/i,
    use: [
      // Creates `style` nodes from JS strings
      'style-loader',
      // Translates CSS into CommonJS
      'css-loader',
      // Compiles Sass to CSS
      'sass-loader',
    ],
  }

您可能需要安装其他style-loader和css-loader