# @bytedance/mona 中文文档

规范地址：https://npmcn.com/package/%40bytedance/mona/

版本：0\.3\.50
npm 元数据更新时间：2026-01-21T09:38:08.407Z
中文译文更新时间：2026-11-08T21:53:04.780Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40bytedance/mona
原文对照：https://npmcn.com/package/%40bytedance/mona/?lang=original

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：105 kB，34 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- 运行依赖：0 个
- peer 依赖：copy-webpack-plugin ^10\.2\.0，react ^17\.0\.2，webpack-chain ^6\.5\.1，webpack-dev-server ^4\.15\.1
- 首次发布：2021-11-01T07:56:44.921Z
- 最新版本发布：2026-01-21T09:38:08.264Z
- 近 30 天下载量：2450（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：395（近 12 个月 3 个）

## 中文简介

商贸应用软件的开发和制造工具

## 安装

```sh
npm install @bytedance/mona
```

也可以使用：`pnpm add @bytedance/mona`、`yarn add @bytedance/mona`、`bun add @bytedance/mona`

## README

# @bytedance/mona

对外暴露提供构建时API

## 配置创建

### createProjectConfig

创建项目配置，`mona.config.ts`中使用

#### 例子

```js
// mona.config.ts
import { createProjectConfig } from '@bytedance/mona';
export default createProjectConfig({
  projectName: 'demo',
  input: './src/app.tsx',
  output: 'dist'
})
```

#### 参数说明

| 参数 | 说明 | 是否必填 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| projectName | 应用/插件名称 | 是 | string | \- |
| input | 入口文件路径 | 否 | string | \- |
| output | 打包后的文件目录路径 | 否 | string | \- |
| raw | 定义函数来修改webpack配置 | 否 | (options: any) => any | \- |
| dev | 用来修改本地服务配置 | 否 | string | { port: 9999 } |

### createAppConfig

创建应用配置，`app.config.ts`中使用

#### 例子

```js
// app.config.ts
import { createAppConfig } from '@bytedance/mona';
export default createAppConfig({
  pages: [
    'pages/Home/index',
    'pages/Info/index',
    'pages/List/index'
  ]
})
```

#### 参数说明

| 参数 | 说明 | 是否必填 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| pages | 页面路径 | 是 | string\[\] | \- |

默认`pages`的第一项为首页

### createPageConfig

创建页面配置，需在每个页面目录的`page.config.ts`中使用

#### 例子

```js
// page.config.ts
import { createPageConfig } from '@bytedance/mona';
export default createPageConfig({
  navigationBarTitleText: 'page title'
})
```

#### 参数说明

| 参数 | 说明 | 是否必填 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| navigationBarTitleText | 当前页面标题 | 否 | string | \- |

## 常见问题

### @bytedance/mona 是什么？

商贸应用软件的开发和制造工具

### 如何安装 @bytedance/mona？

在项目目录运行 npm install @bytedance/mona，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：copy-webpack-plugin（^10\.2\.0）、react（^17\.0\.2）、webpack-chain（^6\.5\.1）、webpack-dev-server（^4\.15\.1）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @bytedance/mona 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/bytedance\_\_mona 是否存在。

### @bytedance/mona 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @bytedance/mona 可以商用吗？

@bytedance/mona 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @bytedance/mona 的下载量有多少？

根据 npm 官方下载统计，@bytedance/mona 在 2026/10/09 – 2026/11/07 这 30 天内被下载 2,450 次，日均约 82 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @bytedance/mona 还在维护吗？

最新版本 0\.3\.50 发布于 2026/01/21（9 个月前）；至今共发布 395 个版本，其中过去 12 个月发布了 3 个；首次发布于 2021/11/01。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。