跳转到主文档

output.jsPath

适用的工程方案
  • MWA
  • 模块
  • 类型: string
  • 默认值:
    • MWA 项目中: static/js
    • 模块工程方案中: js

设置 js 文件在输出目录中的相对路径。

MWA 工程方案

默认情况下在 MWA 项目中,执行 yarn build 之后, js 产物在 dist 目录下的结构如下:

└── static
└── js
   ├── 2.9b520d98.chunk.js
   ├── 2.9b520d98.chunk.js.map
   ├── main.ef911a7c.chunk.js
   ├── main.ef911a7c.chunk.js.map
   ├── runtime-main.6acd5045.js
   └── runtime-main.6acd5045.js.map

modern.config.js 设置 output.jsPath 之后:

modern.config.js
import { defineConfig } from '@modern-js/app-tools';

export default defineConfig({
output: {
jsPath: './js-assets',
},
});

重新执行 build,对应 js 产物在 dist 中的目录结构如下:

└── js-assets
├── 2.9b520d98.chunk.js
├── 2.9b520d98.chunk.js.map
├── main.ef911a7c.chunk.js
├── main.ef911a7c.chunk.js.map
├── runtime-main.6acd5045.js
└── runtime-main.6acd5045.js.map

模块工程方案

执行 build 之后, js 产物在 dist 目录下的结构如下:

└── js
├── modern
│   ├── index.js
│   ├── index.d.ts
│   └── index.js.map
├── node
│   ├── index.js
│   ├── index.d.ts
│   └── index.js.map
└── treeshaking
├── index.js
├── index.d.ts
└── index.js.map

modern.config.js 设置 output.jsPath 之后:

modern.config.js
import { defineConfig } from '@modern-js/module-tools';

export default defineConfig({
output: {
jsPath: './js-assets',
},
});

重新执行 build,对应 js 产物在 dist 中的目录结构如下:

└── js
├── modern
│   ├── index.js
│   ├── index.d.ts
│   └── index.js.map
├── node
│   ├── index.js
│   ├── index.d.ts
│   └── index.js.map
└── treeshaking
├── index.js
├── index.d.ts
└── index.js.map