我使用安装了 tailwind 和其他工具npm install -D tailwindcss postcss autoprefixer vite
我使用创建了 tailwind 和 postcss 配置文件npx tailwindcss init -p
tailwind.config.js
包含:
module.exports = {
content: [],
theme: {
extend: {},
},
plugins: [],
}
Run Code Online (Sandbox Code Playgroud)
postcss.config.js
包含:
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
Run Code Online (Sandbox Code Playgroud)
我的 CSS 文件存在于 css\tailwind.css 中并包含:
@tailwind base;
@tailwind components;
@tailwind utilities;
Run Code Online (Sandbox Code Playgroud)
CSS 文件使用链接到我的 HTMl 页面<link href="/css/tailwind.css" rel="stylesheet" >
当我运行 vite 时,我的应用程序启动时没有构建错误,但未生成顺风输出。