确保您的Vite配置(通常是vite.config.js或vite.config.ts)能够处理CSS文件。通常,Vite默认支持CSS,因此您可能不需要进行任何更改。但是,请确保在HTML文件中或通过JavaScript/Vue/React/Svelte组件引入了main.css。 d. 运行Vite项目 现在,您可以运行Vite项目,并看到Tailwind CSS已经应用到您的项目中。 bash npm run ...
npm install tailwindcss@latest postcss@latest autoprefixer@latest 创建配置文件 生成tailwind.config.js 和 postcss.config.js 文件 npx tailwindcss init -p 修改tailwind.config.js ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'] CSS 中引入 Tailwind 创建./src/index.css /* ./src/index....
// 一定要在main.ts中导入tailwind.css,防止vite每次hmr都会请求src/style/index.scss整体css文件导致热更新慢的问题 import "./style/tailwind.css"; import "element-plus/dist/index.css"; // 导入字体图标 import "./assets/iconfont/iconfont.js"; 1 change: 0 additions & 1 deletion 1 src/style/inde...
@import 'tailwindcss/base'; @import 'tailwindcss/utilities'; @import '@/static/css/initialize.scss'; 101 changes: 101 additions & 0 deletions 101 src/auto-imports.d.ts Original file line numberDiff line numberDiff line change @@ -0,0 +1,101 @@ /* eslint-disable */ /* pret...
CSS 中引入 Tailwind 创建./src/index.css 文件 并使用 @tailwind 指令来包含 Tailwind的 base、 components 和 utilities 样式,来替换掉原来的文件内容。 /* ./src/index.css */ @tailwind base; @tailwind components; @tailwind utilities; 确保CSS 文件被导入到您的 ./src/main.js 文件中。 import './...
CSS 中引入 Tailwind 创建./src/index.css 文件 并使用 @tailwind 指令来包含 Tailwind的 base、 components 和 utilities 样式,来替换掉原来的文件内容。 /* ./src/index.css */ @tailwind base; @tailwind components; @tailwind utilities; 确保CSS 文件被导入到您的 ./src/main.js 文件中。