从SvelteKit中的JavaScript引用TailwindCSS配置

gwbalxhn  于 2023-01-08  发布在  Java
关注(0)|答案(1)|浏览(143)

我使用的是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或者一个不同的更好的方法来引用顺风配置吗?

nzk0hqpo

nzk0hqpo1#

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

import { getConfig } from 'tailwindcss';

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

console.log(tailwindConfig);

相关问题