如何仅在CSS更改期间构建CSS/POSTSS？

每次我在我的余烬应用程序（组件、测试等）中更新

.js

代码时，我的

App.css

文件都会重新生成，即使我没有接触任何css

我正在使用PostCSS和TailwindCSS插件。每次我保存一个

.js

时，整个TailwindCSS库都会重建，需要1200-2000ms。这真的没有必要，我想知道如何避免它。如果禁用TailwindCSS，则每次

.js

保存时，postss的重建时间将下降到191ms

我想探讨一些解决方案想法：

是否可以仅在我更改时配置Ember重新生成我的CSS CSS

是否可以将postss配置为仅在CSS已恢复时重建 变了

如何配置TailwindCSS以使用库的静态CSS文件，然后进行设置 POSTSS使用 顺风插件

ember-cli-build.js

    postcssOptions: {
      compile: {
        plugins: [
          {
            module: require("postcss-import"),
            options: {
              path: ["node_modules"]
            }
          },
          require("tailwindcss")("./config/tailwind.config.js")
        ]
      }
    }

config/tailwind.config.js

module.exports = {
  theme: {
    extend: {
      height: {
        "80": "20rem",
        "screen-80": "80vh",
        "screen-60": "60vh"
      },
      minWidth: {
        "96": "24rem",
        screen: "100vw"
      },
      maxWidth: {
        "min-content": "min-content",
        screen: "100vw"
      },
      screens: {
        xxl: "1920px"
      },
      zIndex: {
        "9999": 9999
      },
      colors: {
        puke: {
          100: "#fff5f7",
          200: "#fed7e2",
          300: "#fbb6ce",
          400: "#f687b3",
          500: "#ed64a6",
          600: "#d53f8c",
          700: "#b83280",
          800: "#97266d",
          900: "#702459"
        }
      },
      backgroundColor: theme => theme("colors"),
      textColor: theme => theme("colors"),
      borderColor: theme => ({
        ...theme("colors"),
        default: theme("colors.gray.300", "currentColor")
      })
    }
  },
  variants: {},
  plugins: []
};