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

时出错

pip install module-name -t /path/to/project-dir

Answer 1

您对sass或scss＆＃39;的规定。文件应如下所示：

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

无法将SASS / SCSS添加到Reactjs项目

1 个答案: