我可以用另一种方式生成顺风 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