Vite创建的vue3项目中使用tailwindcss，为什么tailwin.config.js文件中能够同时使用CommonJs和Es6的模块语法？

Question

1. 我想问下 tailwind.config.js 在vite的整个构建过程中是如何被使用的。

2.我了解到vite 是使用Es6 ,所以vite.config.js中是es6的语法。

tailwind.config.js 是 作为 npx tailwind 命令的配置文件， tailwind 是执行 tailwindcss模块下的 lib/cli.js ，这个cli.js是commonjs规范。所以tailwin.config.js应该使用commonjs规范吧？ 为什么可以使用es6?

有什么参考么？

Answer 1

从 TailwindCSS v3.3 起，tailwindcss 配置文件支持 ESM 和 TS，参考 https://tailwindcss.com/blog/tailwindcss-v3-3#esm-and-type-sc...

关于原因，上面的博客提到 tailwindcss 为了支持配置文件使用 ESM 和 TS ，内部使用了 sucrase 库和 jiti 库来做转义