依照网上的办法配置,包含官网的 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~