为什么我的 scss 不能在 MacOS 上处理 React 项目

Question

我已成功为我的项目安装了 node-sass ，但未编译“scss”文件上的任何更改。

一个例子：如果我在浏览器中更改“scss”上的颜色，我只会看到克隆项目之前“scss”文件上的颜色。

注意：我在旧的 Windows 笔记本电脑上做的，一切正常，但在 mac 上没有。

我试图重建 node-sass 并重新安装 node js，但它根本不起作用。

Answer 1

我认为您的应用程序没有查看 sass 文件，请检查webpack.config.js文件并将此属性添加到module属性中

{
    test: /\.s?css$/,
    use: CSSExtract.extract({
      use: [
        {
          loader: 'css-loader',
          options: {
            sourceMap: true
          }
        },
        {
          loader: 'sass-loader',
          options: {
            sourceMap: true
          }
        }
      ]
    })
  }

看看这是否有帮助