Tailwindcss + nextjs导入所有实用程序类

qxsslcnc 于 2023-06-22 发布在其他

关注(0)|答案(1)|浏览(130)

Tailwind框架：如何使用NextJS和Tailwind在浏览器开发模式中包含所有类？
Tailwind是一个很棒的框架，但是我遇到了一个限制，这使得我的开发过程更加困难。我使用NextJS和Tailwind，Tailwind基于源React代码中Tailwind类的使用构建最终的CSS。结果是，如果我不使用像“mt-4”这样的类，它就不会包含在最终的构建中。这是一个优化，但在开发模式下，我希望能够在浏览器中提供所有类，这样我就可以在开发控制台中使用UI，而无需编辑源代码和重建。有没有办法做到这一点？

next.js

来源：https://stackoverflow.com/questions/76488379/tailwindcss-nextjs-import-all-utility-classes

1条答案

按热度按时间

vulvrdjw1#

使用一个非常广泛的正则表达式安全列表，如：

module.exports = {
  // …
  safelist: [
    {
      pattern: /^/,
      variants: [
        'sm',
        'md',
        'lg',
        'xl',
        '2xl',
        // …
      ],
    },
  ],
  // …
}

或者考虑使用Tailwind CDN。

赞(0）回复(0）举报 2023-06-22

我来回答

Tailwindcss + nextjs导入所有实用程序类

1条答案

相关问题

热门标签

最新问答