Установите sass для проекта React

Question

Я хочу установить node-sass в свой проект React, но не могу, когда я запускаю проект, выдает ошибку Module not found: Can't resolve 'style' in

Шаги для установки sass

1. run npm i sass-loader node-sass — save
2. запустите npm run eject для скрытых файлов веб-пакета

3. перейдите по адресу webpack.config.dev.js и пропустите здесь этот код

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

   },

4. запустил проект и вылетел

Включите webpack.config.dev.js

Answer 1

Вам может потребоваться изменить ваши правила в конфигурационном файле webpack, как указано в sass-loader webpage

{
    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-загрузчик