@bleedingdev/modern-js-main-doc 3.9.3-ultramodern.16 → 3.9.3-ultramodern.18
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/docs/en/components/default-browserslist.mdx +4 -4
- package/docs/en/configure/app/output/override-browserslist.mdx +3 -3
- package/docs/en/guides/advanced-features/compatibility.mdx +3 -3
- package/docs/en/guides/advanced-features/page-performance/optimize-bundle.mdx +3 -3
- package/docs/zh/components/default-browserslist.mdx +4 -4
- package/docs/zh/configure/app/output/override-browserslist.mdx +3 -3
- package/docs/zh/guides/advanced-features/compatibility.mdx +3 -3
- package/docs/zh/guides/advanced-features/page-performance/optimize-bundle.mdx +3 -3
- package/package.json +3 -3
|
@@ -9,9 +9,9 @@ title: overrideBrowserslist
|
|
|
9
9
|
|
|
10
10
|
```ts
|
|
11
11
|
const defaultBrowserListMap: Record<RsbuildTarget, string[]> = {
|
|
12
|
-
web: ['chrome >=
|
|
13
|
-
node: ['node >=
|
|
14
|
-
'web-worker': ['chrome >=
|
|
12
|
+
web: ['chrome >= 144', 'edge >= 144', 'firefox >= 147', 'safari >= 27'],
|
|
13
|
+
node: ['node >= 16'],
|
|
14
|
+
'web-worker': ['chrome >= 144', 'edge >= 144', 'firefox >= 147', 'safari >= 27'],
|
|
15
15
|
};
|
|
16
16
|
```
|
|
17
17
|
|
|
@@ -12,7 +12,7 @@ Modern.js supports three ways to set the range of browsers that a web applicatio
|
|
|
12
12
|
|
|
13
13
|
Modern.js supports setting the range of browsers that a web application needs to support. You can set the [Browserslist](https://browsersl.ist/) values in the `.browserslistrc` file.
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
UltraModern.js defaults to Chrome 144+, Edge 144+, Firefox 147+ and Safari 27+. These targets apply to JavaScript compilation and CSS processing when the project does not specify its own browser targets. To set the targets explicitly, add a `.browserslistrc` file with:
|
|
16
16
|
|
|
17
17
|
import DefaultBrowserslist from '@site-docs/components/default-browserslist';
|
|
18
18
|
|
|
@@ -28,7 +28,7 @@ You can also configure browserslist by setting the `browserslist` field in the `
|
|
|
28
28
|
```json title="package.json"
|
|
29
29
|
{
|
|
30
30
|
"browserslist": [
|
|
31
|
-
"chrome >=
|
|
31
|
+
"chrome >= 144"
|
|
32
32
|
// Other browser configurations...
|
|
33
33
|
]
|
|
34
34
|
}
|
|
@@ -42,7 +42,7 @@ You can also configure browserslist by setting the [`output.overrideBrowserslist
|
|
|
42
42
|
export default {
|
|
43
43
|
output: {
|
|
44
44
|
overrideBrowserslist: [
|
|
45
|
-
'chrome >=
|
|
45
|
+
'chrome >= 144',
|
|
46
46
|
// Other browser configurations...
|
|
47
47
|
],
|
|
48
48
|
},
|
|
@@ -49,13 +49,13 @@ Modern.js will compile the code according to the project's Browserslist config,
|
|
|
49
49
|
Modern.js's default [`output.overrideBrowserslist`](/configure/app/output/override-browserslist.html) config is:
|
|
50
50
|
|
|
51
51
|
```js
|
|
52
|
-
['chrome >=
|
|
52
|
+
['chrome >= 144', 'edge >= 144', 'firefox >= 147', 'safari >= 27'];
|
|
53
53
|
```
|
|
54
54
|
|
|
55
|
-
For example, if you only need to be compatible with browsers
|
|
55
|
+
For example, if you only need to be compatible with browsers Chrome 150 and later, you can change it to:
|
|
56
56
|
|
|
57
57
|
```js
|
|
58
|
-
['
|
|
58
|
+
['chrome >= 150'];
|
|
59
59
|
```
|
|
60
60
|
|
|
61
61
|
:::tip
|
|
@@ -9,9 +9,9 @@ title: overrideBrowserslist
|
|
|
9
9
|
|
|
10
10
|
```ts
|
|
11
11
|
const defaultBrowserListMap: Record<RsbuildTarget, string[]> = {
|
|
12
|
-
web: ['chrome >=
|
|
13
|
-
node: ['node >=
|
|
14
|
-
'web-worker': ['chrome >=
|
|
12
|
+
web: ['chrome >= 144', 'edge >= 144', 'firefox >= 147', 'safari >= 27'],
|
|
13
|
+
node: ['node >= 16'],
|
|
14
|
+
'web-worker': ['chrome >= 144', 'edge >= 144', 'firefox >= 147', 'safari >= 27'],
|
|
15
15
|
};
|
|
16
16
|
```
|
|
17
17
|
|
|
@@ -12,7 +12,7 @@ Modern.js 支持通过三种方式来设置 Web 应用需要兼容的浏览器
|
|
|
12
12
|
|
|
13
13
|
Modern.js 支持设置 Web 应用需要兼容的浏览器范围,你可以在 `.browserslistrc` 文件里设置 [Browserslist](https://browsersl.ist/) 的值。
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
UltraModern.js 默认支持 Chrome 144+、Edge 144+、Firefox 147+ 和 Safari 27+。项目未指定浏览器范围时,JavaScript 编译和 CSS 处理会使用这些目标。要显式配置目标,可以添加以下 `.browserslistrc` 文件:
|
|
16
16
|
|
|
17
17
|
import DefaultBrowserslist from '@site-docs/components/default-browserslist';
|
|
18
18
|
|
|
@@ -27,7 +27,7 @@ import DefaultBrowserslist from '@site-docs/components/default-browserslist';
|
|
|
27
27
|
```json title="package.json"
|
|
28
28
|
{
|
|
29
29
|
"browserslist": [
|
|
30
|
-
"chrome >=
|
|
30
|
+
"chrome >= 144"
|
|
31
31
|
// 其他浏览器的配置...
|
|
32
32
|
]
|
|
33
33
|
}
|
|
@@ -41,7 +41,7 @@ import DefaultBrowserslist from '@site-docs/components/default-browserslist';
|
|
|
41
41
|
export default {
|
|
42
42
|
output: {
|
|
43
43
|
overrideBrowserslist: [
|
|
44
|
-
'chrome >=
|
|
44
|
+
'chrome >= 144',
|
|
45
45
|
// 其他浏览器的配置...
|
|
46
46
|
],
|
|
47
47
|
},
|
|
@@ -49,13 +49,13 @@ Modern.js 会根据项目的 Browserslist 配置范围进行代码编译,并
|
|
|
49
49
|
Modern.js 默认的 [`output.overrideBrowserslist`](/configure/app/output/override-browserslist.html) 配置为:
|
|
50
50
|
|
|
51
51
|
```js
|
|
52
|
-
['chrome >=
|
|
52
|
+
['chrome >= 144', 'edge >= 144', 'firefox >= 147', 'safari >= 27'];
|
|
53
53
|
```
|
|
54
54
|
|
|
55
|
-
比如只兼容 Chrome
|
|
55
|
+
比如只兼容 Chrome 150 以上的浏览器,可以改成:
|
|
56
56
|
|
|
57
57
|
```js
|
|
58
|
-
['
|
|
58
|
+
['chrome >= 150'];
|
|
59
59
|
```
|
|
60
60
|
|
|
61
61
|
:::tip
|
package/package.json
CHANGED
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
"modern.js",
|
|
20
20
|
"ultramodern.js"
|
|
21
21
|
],
|
|
22
|
-
"version": "3.9.3-ultramodern.
|
|
22
|
+
"version": "3.9.3-ultramodern.18",
|
|
23
23
|
"publishConfig": {
|
|
24
24
|
"access": "public"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@modern-js/sandpack-react": "npm:@bleedingdev/modern-js-sandpack-react@3.9.3-ultramodern.
|
|
28
|
-
"@modern-js/ultramodern-sandpack-profile": "npm:@bleedingdev/modern-js-ultramodern-sandpack-profile@3.9.3-ultramodern.
|
|
27
|
+
"@modern-js/sandpack-react": "npm:@bleedingdev/modern-js-sandpack-react@3.9.3-ultramodern.18",
|
|
28
|
+
"@modern-js/ultramodern-sandpack-profile": "npm:@bleedingdev/modern-js-ultramodern-sandpack-profile@3.9.3-ultramodern.18",
|
|
29
29
|
"mermaid": "^12.2.0"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|