如何获取顺风 CSS 2 的默认配置

Question

顺风 CSS 2.x

我想获取height配置的默认高度值。

const defaultConfig = require('tailwindcss/defaultConfig');
const height = defaultConfig.theme.height;

但是高度是 function，正如在源代码中所见：

// tailwindcss/stubs/defaultConfig.stub.js
module.exports = {
  // ...
  theme: {
    // ...
    height: (theme) => ({
      auto: 'auto',
      ...theme('spacing'),
      '1/2': '50%',
      '1/3': '33.333333%',
    }),
  },
};

我理解代码：传递了一个theme function ，然后调用它来获取主题的其他配置部分。

但我不知道这个 function 是什么以及在哪里可以找到它，所以我可以将它导入到我的配置中并将其传递为：

defaultConfig.theme.height(thisIsTheFunctionInQuestion)

我在哪里可以找到它？

Answer 1

为了解决任何顺风配置 object，使用resolveConfig()辅助方法

import resolveConfig from 'tailwindcss/resolveConfig'
import defaultConfig from 'tailwindcss/defaultConfig'

const config = resolveConfig(defaultConfig)

console.log(config.theme.height) // will return object