Не удалось добавить SASS / SCSS в проект Reactjs

Question

Я пытаюсь добавить sass / scss в проект Reactjs, следуя этому руководству: https://medium.com/@Connorelsea/using-sass-with-create-react-app-7125d6913760

Я установил загрузчики sass, но когда я запускаю команду npm run eject в терминале, она говорит, что Command not found.Я зафиксировал и передал все изменения в мой репозиторий git, но все еще не смог его запустить.

В моем package.json есть следующие строки:

"devDependencies": {
    "babel-loader": "^7.1.4",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-2": "^6.24.1",
    "css-loader": "^0.28.11",
    "file-loader": "^1.1.11",
    "jquery": "^3.3.1",
    "node-sass": "^4.9.0",
    "react-svg-loader": "^2.1.0",
    "sass-loader": "^7.0.1",
    "style-loader": "^0.21.0",
    "url-loader": "^1.0.1",
    "webpack": "^4.6.0",
    "webpack-cli": "^2.1.3",
    "webpack-dev-server": "^3.1.3"
  }

И в webpack.config.js:

{
   test: /\.sass$/,
   include: paths.appSrc,
   loaders: ["style", "css", "sass"]
}

Когда я запускаю npm start без npm run eject, возникают ошибки в webpack.config.js

ReferenceError: paths is not defined

Answer 1

Ваши правила для файлов 'sass или scss' должны выглядеть следующим образом:

{
  test: /\.(scss|sass)$/,
  loaders: ['style-loader', 'css-loader', 'sass-loader']
}