npm 包 @leeight/node-sass-chokidar 使用教程

什么是 @leeight/node-sass-chokidar？

@leeight/node-sass-chokidar 是一个基于 node-sass 和 chokidar 的 SASS 编译工具，它可以监测你的 SASS 文件的更改并自动编译成 CSS 文件。

安装

在安装 @leeight/node-sass-chokidar 前，你需要确保你的电脑上已经安装了 Node.js 和 npm。

在命令行中执行以下命令进行安装：

npm install @leeight/node-sass-chokidar --save-dev

使用

在项目的 package.json 文件中添加以下代码：

{
  "scripts": {
    "watch-css": "node-sass-chokidar --watch src/scss/ -o src/css/"
  }
}

运行如下命令即可进行 SASS 文件的自动编译：

npm run watch-css

在以上示例中，--watch 参数用于监听指定目录的 SASS 文件，-o 参数用于指定编译后的 CSS 文件的输出路径。

示例代码

SCSS 文件

-- -------------------- ---- -------
--------------- --------

---- -
  ------ ------
  ----------------- ---------------

  ------- -
    ----------------- ---------------------- -----
  -
-

编译后的 CSS 文件

.btn {
  color: white;
  background-color: #1890ff;
}

.btn:hover {
  background-color: #0c4d91;
}

总结

@leeight/node-sass-chokidar 是一个非常方便的 SASS 编译工具，它可以帮助我们自动监听 SASS 文件夹，并在文件变化时自动编译 SASS 文件。相信本文对于正在学习前端的小伙伴们以及正在寻找一款好用的 SASS 编译工具的开发者们都有帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc7967216659e2444c1