[英]How to add tailwind css with quasar
大家好我正在尝试将tailwind集成到最新的类星体版本(3.5.4)中我已经使用npm install tailwindcss安装了tailwind,之后我在.postcssrc.js中添加了requier('tailwind')但它给出了错误TypeError:无法读取未定义(读取“配置”)顺风打字稿的属性
go into quasar project run npm i -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7autoprefixer@^9 then go to.postcssrc.js
进入类星体项目运行 npm i -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7autoprefixer@^9 然后转到.postcssrc.js
module.exports = {
plugins: [
// to edit target browsers: use "browserslist" field in package.json
require('autoprefixer'),
require('tailwindcss')
],
}
then go to any vue component and in style tag import this
然后转到任何 vue 组件并在样式标签中导入这个
<style>
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
</style>
and you are good to go
你可以走了
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.