2021-07-31 在vue3中使用tailwindcss
无道
2021-07-31
1 条评论
前端相关
阅读782
手机阅读
安装
yarn add -D tailwindcss@latest postcss@latest autoprefixer@latestnpx tailwindcss init -pvue-cli
新增配置：
//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@^9vite
因为vite自带css预处理器，只需安装响应处理器模块就行：
yarn add sass -D
yarn add less -D
# ...然后安装上面的“安装”步骤就行。
全文完 [
支付宝打赏
微信打赏
]
有帮助?打赏
支付宝打赏
微信打赏
非特殊说明，本博所有文章均为博主原创。如若转载，请注明出处：https://misiyu.cn/article/181.html
It's me
昵称：无道
坐标：成都
性别：
一个人，一介学生社会人，一个儿子~ 愿你我都被世界温暖以待
最新评论
点击排行
随机标签
暑期快乐，感谢博主的分享，支持了。 技术文章，学习了。 80% WordPress博客，都是在讲前端开发