我如何将tailwindcss添加到vite中?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我如何将tailwindcss添加到vite中?相关的知识,希望对你有一定的参考价值。
我正在使用 娇艳 0.16.6
并想迁移一个vuepress网站使用vite。
然而我不知道如何配置vite使用tailwindcss。
在我的 index.css
@tailwind base;
@tailwind components;
@tailwind utilities;
#app
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
答案
经过一些调查,看起来我们必须在我的index.css中包含一个 postcss.config.js
在应用程序的根目录下
module.exports =
plugins: [
// ...
require('tailwindcss'),
require('autoprefixer'),
// ...
]
以上是关于我如何将tailwindcss添加到vite中?的主要内容,如果未能解决你的问题,请参考以下文章
如何将动态 TailwindCSS 类添加到 React 中的 DOM 元素
客观评价 增长趋势比 vite 还猛的 TailwindCSS