File tree Expand file tree Collapse file tree 4 files changed +12
-12
lines changed Expand file tree Collapse file tree 4 files changed +12
-12
lines changed Original file line number Diff line number Diff line change 1
- # @ rsbuild/ plugin-tailwindcss
1
+ # rsbuild- plugin-tailwindcss
2
2
3
3
An Rsbuild plugin to integrate with [ Tailwind CSS] ( https://tailwindcss.com/ ) V3.
4
4
5
5
<p >
6
- <a href =" https://npmjs.com/package/@ rsbuild/ plugin-tailwindcss " >
7
- <img src =" https://img.shields.io/npm/v/@ rsbuild/ plugin-tailwindcss?style=flat-square&colorA=564341&colorB=EDED91 " alt =" npm version " />
6
+ <a href =" https://npmjs.com/package/rsbuild- plugin-tailwindcss " >
7
+ <img src =" https://img.shields.io/npm/v/rsbuild- plugin-tailwindcss?style=flat-square&colorA=564341&colorB=EDED91 " alt =" npm version " />
8
8
</a >
9
9
<img src =" https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square&colorA=564341&colorB=EDED91 " alt =" license " />
10
- <a href =" https://npmcharts.com/compare/@ rsbuild/ plugin-tailwindcss?minimal=true " ><img src =" https://img.shields.io/npm/dm/@ rsbuild/ plugin-tailwindcss.svg?style=flat-square&colorA=564341&colorB=EDED91 " alt =" downloads " /></a >
10
+ <a href =" https://npmcharts.com/compare/rsbuild- plugin-tailwindcss?minimal=true " ><img src =" https://img.shields.io/npm/dm/rsbuild- plugin-tailwindcss.svg?style=flat-square&colorA=564341&colorB=EDED91 " alt =" downloads " /></a >
11
11
</p >
12
12
13
13
## Usage
14
14
15
15
Install:
16
16
17
17
``` bash
18
- npm add @ rsbuild/ plugin-tailwindcss -D
18
+ npm add rsbuild- plugin-tailwindcss -D
19
19
```
20
20
21
21
Add plugin to your ` rsbuild.config.ts ` :
22
22
23
23
``` ts
24
24
// rsbuild.config.ts
25
- import { pluginTailwindCSS } from " @ rsbuild/ plugin-tailwindcss" ;
25
+ import { pluginTailwindCSS } from " rsbuild- plugin-tailwindcss" ;
26
26
27
27
export default {
28
28
plugins: [pluginTailwindCSS ()],
Original file line number Diff line number Diff line change 1
1
{
2
- "name" : " @ rsbuild/ plugin-tailwindcss" ,
2
+ "name" : " rsbuild- plugin-tailwindcss" ,
3
3
"version" : " 0.0.0" ,
4
4
"repository" : " https://github.com/rspack-contrib/rsbuild-plugin-tailwindcss" ,
5
5
"license" : " MIT" ,
40
40
"typescript" : " ^5.6.3"
41
41
},
42
42
"peerDependencies" : {
43
- "@rsbuild/core" : " 1.x " ,
43
+ "@rsbuild/core" : " ^1.1.0 " ,
44
44
"tailwindcss" : " ^3"
45
45
},
46
46
"peerDependenciesMeta" : {
Original file line number Diff line number Diff line change @@ -24,7 +24,7 @@ interface TailwindRspackPluginOptions {
24
24
* import path from 'node:path'
25
25
* import { fileURLToPath } from 'node:url'
26
26
*
27
- * import { TailwindRspackPlugin } from '@ rsbuild/ plugin-tailwindcss'
27
+ * import { TailwindRspackPlugin } from 'rsbuild- plugin-tailwindcss'
28
28
*
29
29
* const __dirname = path.dirname(fileURLToPath(import.meta.url))
30
30
*
@@ -43,7 +43,7 @@ interface TailwindRspackPluginOptions {
43
43
*
44
44
* ```js
45
45
* // rspack.config.js
46
- * import { TailwindRspackPlugin } from '@ rsbuild/ plugin-tailwindcss'
46
+ * import { TailwindRspackPlugin } from 'rsbuild- plugin-tailwindcss'
47
47
*
48
48
* export default {
49
49
* plugins: [
@@ -65,7 +65,7 @@ interface TailwindRspackPluginOptions {
65
65
*
66
66
* ```js
67
67
* // rspack.config.js
68
- * import { TailwindRspackPlugin } from '@ rsbuild/ plugin-tailwindcss'
68
+ * import { TailwindRspackPlugin } from 'rsbuild- plugin-tailwindcss'
69
69
*
70
70
* export default {
71
71
* plugins: [
Original file line number Diff line number Diff line change @@ -40,7 +40,7 @@ export type PluginTailwindCSSOptions = {
40
40
* import path from 'node:path'
41
41
* import { fileURLToPath } from 'node:url'
42
42
*
43
- * import { pluginTailwindCSS } from '@ rsbuild/ plugin-tailwindcss'
43
+ * import { pluginTailwindCSS } from 'rsbuild- plugin-tailwindcss'
44
44
*
45
45
* const __dirname = path.dirname(fileURLToPath(import.meta.url))
46
46
*
You can’t perform that action at this time.
0 commit comments