文件夹中的任何文件更改后运行package.json脚本

本文介绍了如何在文件夹中的文件发生更改时重新运行package.json脚本。

我的实际问题:我想在文件更改时通过PostCSS管道自动重新生成CSS。

我描述的方法将适用于任何类型的自动文件和文件夹监视,而不仅限于此特定情况。

我正在使用此脚本,并使用yarn build:css

"scripts": {
  "build:css": "postcss src/tailwind.css -o static/dist/tailwind.css",
}

我想在运行中的任何更改时重新运行它layouts文件夹,其中包含构建我的网站的所有HTML文件。

如果您熟悉Tailwind,它将创建一个稍大的CSS文件,其中包含您可能需要的所有内容,并且可以通过删除不需要的任何类来对其进行优化。

每次更改其中的内容时,我都想重新生成CSS,并触发我在的CSS设置。

这该怎么做?

安装watchnpm软件包:

npm install watch

并添加watch脚本给你package.json文件。你已经有build:css从以前开始,我们只添加了一个脚本来监视layouts文件夹并运行build:css每次更改时:

"scripts": {
  "build:css": "postcss src/tailwind.css -o static/dist/tailwind.css",
  "watch": "watch 'npm run build:css' ./layouts"
}

现在运行npm run watch或者yarn watch