一个 NextJS 项目的多个 Tailwind 配置文件

Multiple Tailwind config files for one NextJS Project

我的问题是,两个 NextJS 布局是否可以有两个配置(tailwind.css)?

基本上我想要一个前端-tailwind.js和一个后端-tailwind.js来生成两个样式表backend.scssfrontend.scss 两个下一个布局...

感谢您的帮助。

我创建了两个布局,并在每个布局上添加了一个经典 link 样式表(示例如下)

<link rel="preload" href={process.env.NODE_ENV === 'development' ? `/css/tailwind-dev.css` : `/css/prod.min.css?${refreshCache}`} media="all" rel="stylesheet" type="text/css" />

我使用了两项 Gulp 任务,一项用于构建 TailwindCSS dev(包含所有主题),一项用于构建产品文件(使用 purgecss、cleanCSS、concat...)... PurgeCSS 正则表达式在这里:https://tailwindcss.com/docs/optimizing-for-production