我可以用另一種方式生成順風 css 嗎？

Question

我想使用tailwind.config.js文件將所有與網格相關的css生成到一個帶有一些修改（如前綴和媒體查詢）的文件中，而不必在html，js，框架文件中指定它們？

那可能嗎？

如我所見，現在可以選擇使用正則表達式清除/安全列表嗎？

喜歡

module.exports = {
  purge: {
    enabled: true,
    options: {
      safelist: ['/place-/g', '/justify-/g']
    }
  }
}

感謝您對此的任何幫助。

請注意，我不喜歡設置帶有類的“假 html 頁面”，因為我的用例可能會隨着時間的推移而增長。

Answer 1

如果我正確理解您的問題，認為您只是缺少安全列表 object 的content標准和standard密鑰？

  purge: {
        content: ["./src/**/*.{html,js,svelte,ts}",],
        enabled: true,
        options: {
            safelist: {
                standard: [/^grid-col/, /^grid-row/]
            }
        }
    },

這可能對您有用： https://purgecss.com/safelisting.html#in-the-css-directly

--

如果您只需要順風網格，也許這樣的替代方案可能會有所幫助： https://github.com/VeronQ/tailwind-grid