utquidem
Version:
The meta-framework suite designed from scratch for frontend-focused modern web development.
108 lines (86 loc) • 2.44 kB
Markdown
---
sidebar_label: jsPath
---
# output.jsPath
:::info 适用的工程方案
* MWA
* 模块
:::
* 类型： `string`
* 默认值：
- MWA 项目中: `static/js`
- 模块工程方案中: `js`
设置 js 文件在输出目录中的相对路径。
### MWA 工程方案
默认情况下在 MWA 项目中，执行 `yarn build` 之后， js 产物在 `dist` 目录下的结构如下：
```bash
└── 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` 之后：
```javascript title="modern.config.js"
import { defineConfig } from '@modern-js/app-tools';
export default defineConfig({
output: {
jsPath: './js-assets',
},
});
```
重新执行 `build`，对应 js 产物在 dist 中的目录结构如下：
```bash
└── 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` 目录下的结构如下：
```bash
└── 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` 之后：
```javascript title="modern.config.js"
import { defineConfig } from '@modern-js/module-tools';
export default defineConfig({
output: {
jsPath: './js-assets',
},
});
```
重新执行 `build`，对应 js 产物在 dist 中的目录结构如下：
```bash
└── 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
```