我可以用另一种方式生成顺风 css 吗？

Question

我想使用 tailwind.config.js 文件将所有与网格相关的 css 生成到一个文件中，并进行一些修改，例如前缀和媒体查询，无需在 html 中指定它们,js,框架文件？

这可能吗？

我现在可以看到使用正则表达式清除/安全列表是选项吗？

喜欢

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

感谢您对此的任何帮助。

请注意，我不喜欢设置带有类的“假 html 页面”，因为我的用例可能会随着时间的推移而增长。

Answer 1

如果我正确理解您的问题，您是否认为您只是缺少安全列表对象的 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