rerumaccusamus
Version:
The meta-framework suite designed from scratch for frontend-focused modern web development.
47 lines (34 loc) • 900 B
Markdown
sidebar_label: cssPath
sidebar_position: 20
# `output.cssPath`
:::info 适用的工程方案
* MWA
:::
* 类型： `string`
* 默认值： `static/css`
设置 css 文件在输出目录中的相对路径。
默认情况下, `build` 之后， css 产物在 `dist` 目录下的结构如下：
```bash
├── static
│ ├── css
│ │ ├── main.7987216f.chunk.css
│ │ └── main.7987216f.chunk.css.map
```
在 `modern.config.js` 设置 `output.cssPath` 之后：
```javascript title="modern.config.js"
import { defineConfig } from '@modern-js/app-tools';
export default defineConfig({
output: {
cssPath: './css-assets',
},
});
```
重新执行 `build`，对应 css 产物在 `dist` 中的目录结构如下：
```bash
.
├── css-assets
│ ├── main.7987216f.chunk.css
│ └── main.7987216f.chunk.css.map
```