yarn add -D tailwindcss@latest postcss@latest autoprefixer@latestnpx tailwindcss init -p新增配置:
//vue.config.js
module.exports = {
css: {
loaderOptions: {
postcss: {
plugins: [require('tailwindcss'), require('autoprefixer')],
},
},
},
};一旦提示:Error: PostCSS plugin tailwindcss requires PostCSS 8.
就要使用postcss 7
yarn remove tailwindcss postcss autoprefixer
yarn add -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9因为vite自带css预处理器,只需安装响应处理器模块就行:
yarn add sass -D
yarn add less -D
# ...然后安装上面的“安装”步骤就行。