依照网上的办法配置,包含官网的 vue3 + vite 配置 tailwind
文档。
配置良久都没有成果,编译进去的文件是这样的
能够看到款式并没有编译进去。
通过各种探讨,参考vue2配置的tailwind
,发现有人须要独自在 vue.config.js
加一个配置
// vue.config.jsmodule.exports = { css: { loaderOptions: { postcss: { plugins: [require('tailwindcss'), require('autoprefixer')] } } } }
抱着试试看的态度,在 vite.config.js
加上对应配置
css: { postcss: { plugins: [ require('tailwindcss'), require('autoprefixer') ] }}
完满解决!!~ 十分nice~