Importing Preset written in TypeScript for Storybook?

[dance2die]

What I want to do

I'd like to extend a preset written in TypeScript within tailwind.config.js for a Storybook demo in a same project.

Context

I bootstrapped a new Tailwind CSS ("TW" hereafter) Preset, downwindcss/easings ("preset" hereafter) using TSDX (similar to Microbundle but for TypeScript).

Issue

The preset is written in TypeScript but tailwind.config.js doesn't allow importing a typescript file.
Storybook can use the TW in this branch of the source.

Anyone has any suggestion on how to extend the TypeScript preset in tailwind.config.js?

[simonswiss]

Hey!

I think you need to require the compiled JS file for your easing rather than the TS file directly for it to work.

[dance2die]

Thanks @simonswiss.

You are right. I just ended up importing my published NPM package.

module.exports = {
  purge: [],
  darkMode: false, // or 'media' or 'class'
  presets: [require('@downwindcss/easings')],
};