Vue2 中使用 tailwindcss
npm i tailwindcss@3 postcss@8 autoprefixer@10 -D
npx tailwindcss init -p
// tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [],
purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
theme: {
extend: {},
},
plugins: [],
}
// 最后在 main.js 引入,注意样式要在 element-ui 的前面,不然会覆盖它的样式
Vue3 中使用:
区别是:Vue2 和 Vue3 中的tailwind.config.js
文件内容不同