Vite创建的vue3项目中使用tailwindcss,为什么tailwin.config.js文件中能够同时使用CommonJs和Es6的模块语法?-灵析社区

MaxClick

![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250107/25f9a2da2dd37457a0b8916a20ff6516.png) 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? 有什么参考么?

阅读量:354

点赞量:16

问AI
从 TailwindCSS v3.3 起,tailwindcss 配置文件支持 ESM 和 TS,参考 "https://tailwindcss.com/blog/tailwindcss-v3-3#esm-and-type-sc..." (https://link.segmentfault.com/?enc=qmzj8%2B50cJ7KWGNgXX2oUA%3D%3D.XCjFEX0PHOQtSnEvyVaI%2Bt3fEqjb99mFteHOPgzntcwgMT40s9V%2B9jTgmEX16T8LH5PXjwC%2BKpdUqSyeMSDLXmZ6h2c9dkvev%2FhUMcAdbRo%3D) 关于原因,上面的博客提到 tailwindcss 为了支持配置文件使用 ESM 和 TS ,内部使用了 sucrase 库和 jiti 库来做转义