引用SvelteKit中JavaScript中的TailwindCSS配置

Question

我使用的是SvelteKit，它使用Vite，安装说明调用CommonJS配置文件：https://tailwindcss.com/docs/guides/sveltekit

但是，在JavaScript中引用配置的指南需要ESM。https://tailwindcss.com/docs/configuration#referencing-在java脚本中

尝试将tailwind.config.cjs更改为ESM不起作用(我从其他库尝试将其require()更改为CJS时收到错误(。

有人知道我如何在SvelteKit中获得一个有效的ESMtailwind.config.js，或者用另一种更好的方法来参考顺风配置吗？

Answer 1

您可以使用getConfig函数来覆盖配置中的特定值。

像这样；

import { getConfig } from 'tailwindcss';
const tailwindConfig = getConfig({
colors: {
primary: '#FF0000',
},
});
console.log(tailwindConfig);