Tailwind css 配置文件在 Apostrophe CMS 中以错误的顺序编译

Posted 2023-03-07

【中文标题】Tailwind css 配置文件在 Apostrophe CMS 中以错误的顺序编译

【英文标题】：Tailwind css config file compiles in wrong order in Apostrophe CMS

【发布时间】：2021-12-08 09:59:10

【问题描述】：

我正在尝试在 tailwinds 配置文件中设置一些自定义字体。它似乎可以工作，但是它在我的 css 中添加了自定义字体和原始顺风字体样式，并且它们的顺序使其默认为顺风 css（请参阅 css 检查员的屏幕截图） 下面是我的配置文件代码。一些需要注意的事情我正在使用Apostrophe CMS 和 scss。

module.exports = 
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: 
    fontFamily: 
      sans: [ 'Graphik', 'sans-serif' ],
      serif: [ 'Merriweather', 'serif' ]
    
  ,
  variants: 
    extend: 
  ,
  plugins: []
;

【问题讨论】：

我不太了解 Tailwind，但这看起来就像 Tailwind 在这里的顺序：github.com/tailwindlabs/tailwindcss/blob/…

【参考方案1】：

试着把你的 fontFamily 放在 extend 里面，像这样：

module.exports = 
    purge: [],
    darkMode: false, // or 'media' or 'class'
    theme: 
        extend: 
            fontFamily: 
              sans: [ 'Graphik', 'sans-serif' ],
              serif: [ 'Merriweather', 'serif' ],
            ,
        ,
    ,
    variants: 
        extend: 
    ,
    plugins: []
;