如何查看包含许多 sass 文件的整个目录/文件夹的更改？

SASS 是一种强大的预处理语言，可帮助我们以简单明了的方式更高效地编写代码。 sass 的一些最佳特性是使用变量、支持嵌套和使用函数。虽然它有许多优点，但跟踪 sass 文件中的所有更改似乎是一项复杂的任务。
在 sass 文件中编译更改的最简单方法可以在节点包管理器 (NPM) 的帮助下完成。
为此，您需要安装最新版本的 Node.js 或拥有稳定的 LTS 版本的节点。要检查您是否在系统中正确安装了 Node.js，请在终端/命令提示符中运行以下命令：

node -v 

npm -v 

安装最新版本的 Node.js 后，请按照以下步骤编译您的 sass 文件。这些都是：

• 使用终端在根目录中初始化 NPM。

  npm init

  npm init命令会询问一些问题以在您的项目中生成 package.json 文件。此文件包含有关已安装依赖项的信息。
  为了绕过这些问题，您可以键入以下命令：

  npm init -y

  这将自动将选项设置为默认值。

• 安装节点sass。

  npm install node-sass --save-dev
  

  Node-sass 是一个将 scss 原生编译为 css 文件的库。此命令将安装 node-sass 作为开发依赖项。

• 在 package.json 文件中，您需要对脚本字段进行更改。

  "scripts" :{
    "compile:sass": "node-sass sass/main.scss css/style.css -w"
  }
  

  这个命令告诉我们寻找我们的主要 sass 文件并将其编译成 CSS。 -w代表监视标志，用于跟踪源文件中的所有更改，并在每次保存 sass 文件时重新编译。

• 在终端中运行命令：打开终端并运行命令：

  npm run compile:sass