VueCli4引⽤tailwindcss 前⾔
是我写前端很喜欢的⼀个css样式模块
本⼈按照官⽹的教程没成功过.所以⾃⼰特意来写⼀篇关于TailwindCss的随笔.
如果误区,请评论指出,谢谢您的⽀持!
准备
cnpm install tailwindcss
搞事情
到我们的fig.js
css怎么创建// fig.js
css: {
loaderOptions: {
postcss: {
plugins: [
require('tailwindcss'),
require('autoprefixer')
]
}
}
}
}
到我们的main.js,导⼊我们的tailwindcss
/
/ main.js 部分代码
// 加⼊这⼀⾏
// tailwindcss/tailwind.css 不需要创建,使我们安装包后在node_moduls下⾃动⽣成的
import 'tailwindcss/tailwind.css';
创建fig.js
除了运⾏下⾯的shell外,还可以⾃⼰⼿动创建
npx tailwind init
后记
本篇随笔借鉴于
但是由于⽆法复制,所以我这⾥就重新搞了⼀遍.谢谢这位⼤佬.感谢⽆私奉献的⼈.有你更精彩....