node.js - 如何观看 .sss 文件并在它们发生更改时重新运行我的 npm 脚本

Question

有没有办法观察我的 .sss 文件并在它们发生变化时重新运行它？

"css": "postcss -u autoprefixer -u postcss-easy-import -p sugarss src/index.sss -o src/index.css"

网上找遍了，没找到办法。我没有看到 postcss 提供任何类型的 watch 。 postcss-cli 有一个 -w 或 --watch 但我尝试将其添加到上面脚本的末尾。除非我做错了，否则如果我的 .sss 文件发生更改，我的 css 脚本不会重新运行。

也许有一些我可以使用的通用 Node 观察器库？

Answer 1

nodemon是一个非常强大的工具，可以根据文件中的任何更改重新运行脚本，nodemon 要监视的默认文件扩展名是 .js，从 package.json 文件运行的默认脚本是 start 脚本。

您可以使用 -e 选项覆盖监视的扩展，然后用 , 分隔扩展，例如您的情况下的 -e sss 。

您还可以使用 --exec 选项覆盖要运行的脚本，然后传递要运行的脚本，在您的情况下它将是 --exec "npm run css"

并将所有内容放在一起 nodemon -e sss --exec "npm run css" ，这将监视 sss 文件中的更改并运行 css 脚本