docs(en): merge docs-cn/sync-docs into docs-cn/dev @ 6b06d03

Author: ShenQingchuan

config/index.md

@@ -23,14 +23,17 @@ export default {
 vite --config my-config.js
 ```
 
-注意，Vite 会替换 `__filename`，`__dirname` 以及 `import.meta.url`。如果使用这些名称作为变量名可能会导致代码报错：
+::: tip 注意
+注意，Vite 会在 **CommonJS** 和 **TypeScript** 配置文件中替换 `__filename`，`__dirname` 以及 `import.meta.url`。如果使用这些名称作为变量名可能会导致代码报错：
 
 ```js
 const __filename = "value"
 // will be transformed to
 const "path/vite.config.js" = "value"
 ```
 
+:::
+
 ### 配置智能提示 {#config-intellisense}
 
 因为 Vite 本身附带 Typescript 类型，所以你可以通过 IDE 和 jsdoc 的配合来实现智能提示：

guide/features.md

@@ -352,7 +352,25 @@ init({
 
 ## Web Worker {#web-workers}
 
-一个 web worker 脚本可以直接通过添加一个 `?worker` 或 `?sharedworker` 查询参数来导入。默认导出一个自定义的 worker 构造器：
+### 通过构造器导入 {#import-with-constructors}
+
+一个 Web Worker 可以使用  [`new Worker()`](https://developer.mozilla.org/en-US/docs/Web/API/Worker/Worker) 和 [`new SharedWorker()`](https://developer.mozilla.org/en-US/docs/Web/API/SharedWorker/SharedWorker) 导入。与 worker 后缀相比，这种语法更接近于标准，是创建 worker 的 **推荐** 方式。
+
+```ts
+const worker = new Worker(new URL('./worker.js', import.meta.url))
+```
+
+worker 构造函数会接受可以用来创建 “模块” worker 的选项：
+
+```ts
+const worker = new Worker(new URL('./worker.js', import.meta.url), {
+  type: 'module'
+})
+```
+
+### 带有查询后缀的导入 {#import-with-query-suffixes}
+
+你可以在导入请求上添加 `?worker` 或 `?sharedworker` 查询参数来直接导入一个 web worker 脚本。默认导出会是一个自定义 worker 的构造函数：
 
 ```js
 import MyWorker from './worker?worker'
@@ -368,6 +386,8 @@ Worker 脚本也可以使用 `import` 语句来替代 `importScripts()` —— 
 import MyWorker from './worker?worker&inline'
 ```
 
+查看 [Worker 选项](/config/#worker-options) 了解更多关于如何配置打包全部 worker 的相关细节。workers.
+
 ## 构建优化 {#build-optimizations}
 
 > 下面所罗列的功能会自动应用为构建过程的一部分，除非你想禁用它们，否则没有必要显式配置。