在 SvelteKit 中从 JavaScript 引用 TailwindCSS 配置

Question

我正在使用 SvelteKit，它使用 Vite 并且设置说明调用 CommonJS 配置文件： https://tailwindcss.com/docs/guides/sveltekit

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

尝试将 tailwind.config.cjs 更改为 ESM 不起作用（我从其他试图将 require() 它作为 CJS 的库中得到错误）。

有谁知道我如何在 SvelteKit 中获得有效的 ESM tailwind.config.js 或其他更好的方法来引用顺风配置？

Answer 1

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

像这样 ;

import { getConfig } from 'tailwindcss';

const tailwindConfig = getConfig({
  colors: {
    primary: '#FF0000',
  },
});

console.log(tailwindConfig);