【问题标题】:why my scss doesn't working on react project on MacOS为什么我的 scss 不能在 MacOS 上处理 react 项目
【发布时间】:2020-01-25 12:46:54
【问题描述】:

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

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

注意:我是在旧的 Windows 笔记本电脑上完成的,一切正常,但在 mac 上却不行。

我已尝试重建 node-sass 并重新安装 node js,但它根本无法工作。

【问题讨论】:

  • 您是否查看文件是否有任何更改? sass --watch .../example.css : .../example.scss 你使用 gulp 还是任何任务运行器?你检查你是否在全球范围内安装了它?
  • 如上所述,请添加一些有关您如何运行此代码的详细信息。如果有的话,你正在使用什么框架?
  • 我使用 inferno.js 就像反应我用“npm run dev”运行它
  • 不,我不看文件,我会试试的
  • 我用 watch 试过了,但它不起作用,就像我说它在 windows 上完美,但在我的 mac 上它不起作用

标签: reactjs macos sass node-sass


【解决方案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
          }
        }
      ]
    })
  }

看看有没有帮助

【讨论】:

  • 谢谢你,但它没有帮助,我不知道为什么它在 Windows 上完美运行
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-18
  • 1970-01-01
  • 1970-01-01
  • 2011-01-16
  • 2011-06-04
  • 1970-01-01
相关资源
最近更新 更多