@@ -28,25 +28,19 @@ npm create vite@latest my-vue-app -- --template vue-ts
28
28
Install ` tailwindcss ` and its peer dependencies, then generate your ` tailwind.config.js ` and configure ` postcss ` plugins
29
29
30
30
``` bash
31
- npm install -D @ tailwindcss/vite @tailwindcss/postcss autoprefixer
31
+ npm install -D tailwindcss @tailwindcss/vite
32
32
```
33
33
34
34
#### ` vite.config `
35
35
36
36
``` typescript {2,3,8-12}
37
37
import vue from ' @vitejs/plugin-vue'
38
- import autoprefixer from ' autoprefixer'
39
38
import tailwindcss from ' @tailwindcss/vite'
40
39
import { defineConfig } from ' vite'
41
40
42
41
// https://vite.dev/config/
43
42
export default defineConfig ({
44
- css: {
45
- postcss: {
46
- plugins: [tailwindcss (), autoprefixer ()],
47
- },
48
- },
49
- plugins: [vue ()],
43
+ plugins: [vue (), tailwindcss ()],
50
44
})
51
45
```
52
46
@@ -85,18 +79,12 @@ npm i -D @types/node
85
79
``` typescript {1,15-19}
86
80
import { fileURLToPath , URL } from ' node:url'
87
81
import vue from ' @vitejs/plugin-vue'
88
- import autoprefixer from ' autoprefixer'
89
82
import tailwindcss from ' @tailwindcss/vite'
90
83
import { defineConfig } from ' vite'
91
84
92
85
// https://vite.dev/config/
93
86
export default defineConfig ({
94
- css: {
95
- postcss: {
96
- plugins: [tailwindcss (), autoprefixer ()],
97
- },
98
- },
99
- plugins: [vue ()],
87
+ plugins: [vue (), tailwindcss ()],
100
88
resolve: {
101
89
alias: {
102
90
' @' : fileURLToPath (new URL (' ./src' , import .meta .url ))
0 commit comments