@douyinfe/semi-rspack-plugin 2.50.0-beta.0 → 2.50.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -9
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
> A
|
|
1
|
+
> A rspack plugin for Semi Design to custom theme、replace prefix and so on.
|
|
2
2
|
|
|
3
3
|
## Introduction
|
|
4
|
-
The plugin is designed for Semi Design, support
|
|
4
|
+
The plugin is designed for Semi Design, support rspack, provides two major abilities:
|
|
5
5
|
- Custom theme
|
|
6
6
|
- Replace prefix of CSS selector
|
|
7
7
|
|
|
@@ -29,7 +29,7 @@ Priority from low to high.
|
|
|
29
29
|
In order to use the npm package, you need to customize the theme through [Semi Design System](https://semi.design/dsm/).After finishing the customization, Semi DSM will generate a npm package for you, and then you can use it like this.
|
|
30
30
|
|
|
31
31
|
``` js
|
|
32
|
-
//
|
|
32
|
+
// rspack.config.js
|
|
33
33
|
const SemiPlugin = require('@douyinfe/semi-rspack-plugin').default;
|
|
34
34
|
|
|
35
35
|
module.exports = {
|
|
@@ -53,9 +53,9 @@ You can check which tokens can be customized on the [Semi WebSite](https://semi.
|
|
|
53
53
|
$font-size-small: 16px;
|
|
54
54
|
|
|
55
55
|
```
|
|
56
|
-
- step2: config
|
|
56
|
+
- step2: config rspack
|
|
57
57
|
``` js
|
|
58
|
-
//
|
|
58
|
+
// rspack.config.js
|
|
59
59
|
const path = require('path');
|
|
60
60
|
const SemiPlugin = require('@douyinfe/semi-rspack-plugin').default;
|
|
61
61
|
|
|
@@ -71,7 +71,7 @@ module.exports = {
|
|
|
71
71
|
|
|
72
72
|
#### Through parameters
|
|
73
73
|
``` js
|
|
74
|
-
//
|
|
74
|
+
// rspack.config.js
|
|
75
75
|
const SemiPlugin = require('@douyinfe/semi-rspack-plugin').default;
|
|
76
76
|
|
|
77
77
|
module.exports = {
|
|
@@ -90,7 +90,7 @@ module.exports = {
|
|
|
90
90
|
The CSS selectors used by Semi Design is prefixed with semi by default(e.g, `.semi-button`).You can replace the prefix through this plugin.
|
|
91
91
|
|
|
92
92
|
``` js
|
|
93
|
-
//
|
|
93
|
+
// rspack.config.js
|
|
94
94
|
const SemiPlugin = require('@douyinfe/semi-rspack-plugin').default;
|
|
95
95
|
|
|
96
96
|
module.exports = {
|
|
@@ -148,13 +148,13 @@ In the compilation phase, whether to exclude css references.Used to solve the pr
|
|
|
148
148
|
|
|
149
149
|
Type: `String`
|
|
150
150
|
|
|
151
|
-
The path of webpack loader that extract css.
|
|
151
|
+
The path of webpack/rspack loader that extract css.
|
|
152
152
|
|
|
153
153
|
##### options.extractCssOptions.loaderOptions
|
|
154
154
|
|
|
155
155
|
Type: `Object`
|
|
156
156
|
|
|
157
|
-
The options of webpack loader that extract css.
|
|
157
|
+
The options of webpack/rspack loader that extract css.
|
|
158
158
|
|
|
159
159
|
#### options.overrideStylesheetLoaders
|
|
160
160
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-rspack-plugin",
|
|
3
|
-
"version": "2.50.
|
|
3
|
+
"version": "2.50.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "",
|
|
6
6
|
"license": "MIT",
|
|
@@ -30,5 +30,5 @@
|
|
|
30
30
|
"typescript": "^4",
|
|
31
31
|
"webpack": "^5.77.0"
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "aa51082cdb589792e9224e02c29288991c442344"
|
|
34
34
|
}
|