# @blotch/rsbuild-plugin-angular-lynx 中文文档

规范地址：https://npmcn.com/package/%40blotch/rsbuild-plugin-angular-lynx/

版本：22\.2\.18
npm 元数据更新时间：2026-11-08T01:59:22.907Z
中文译文更新时间：2026-11-08T08:07:33.169Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40blotch/rsbuild-plugin-angular-lynx
原文对照：https://npmcn.com/package/%40blotch/rsbuild-plugin-angular-lynx/?lang=original
项目主页：https://github.com/Blotch-Smart-Frames/AngularLynx#readme
源码仓库：https://github.com/Blotch-Smart-Frames/AngularLynx

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

- 包体积（解压后）：659 kB，160 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：8 个
- peer 依赖：@angular/build ^22\.2\.0，@lynx-js/rspeedy ^0\.18\.0，@angular/localize ^22\.2\.0，@angular-devkit/core ^22\.2\.0，@formatjs/intl-locale ^5\.4\.2，@formatjs/intl-listformat ^9\.0\.1，@formatjs/intl-pluralrules ^7\.0\.2，@formatjs/intl-displaynames ^8\.0\.1，@formatjs/intl-numberformat ^10\.0\.2，@formatjs/intl-datetimeformat ^8\.0\.2，@formatjs/intl-relativetimeformat ^13\.0\.1，@formatjs/intl-getcanonicallocales ^3\.3\.0
- 首次发布：2026-10-12T02:59:21.587Z
- 最新版本发布：2026-11-08T01:59:22.539Z
- 近 30 天下载量：3713（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：20（近 12 个月 20 个）

## 中文简介

用于构建 AngularLynx 应用程序的 Rsbuild 插件

## 安装

```sh
npm install @blotch/rsbuild-plugin-angular-lynx
```

也可以使用：`pnpm add @blotch/rsbuild-plugin-angular-lynx`、`yarn add @blotch/rsbuild-plugin-angular-lynx`、`bun add @blotch/rsbuild-plugin-angular-lynx`

## README

# @blotch/rsbuilding-plugin-angular-lynx (英语)

Rsbuild 插件,用于编译 Angular 应用程序 [林克丝](https://lynxjs.org/) 本地运行时间 。 出产了iOS,Android和Web的双线捆绑(主要+背景).

## 安装

> **用角CLI吗?** 你不需要这个包裹. `ng add @blotch/angular-lynx` 安装 [`@blotch/angular-lynx-build`](https://npmcn.com/package/%40blotch/build),其 `ng build` 财务报告和审定财务报表 `ng serve` 构建者依赖于此插件并添加到ripey的配置中. 要通过选项,请从中导入: `import { pluginAngularLynx } from '@blotch/angular-lynx-build'`。 。 。 .

直接运行速度 :

```bash
npm install @blotch/rsbuild-plugin-angular-lynx
```

## 使用量

将插件添加到您的 `lynx.config.ts`数字 :

```typescript
import { pluginAngularLynx } from '@blotch/rsbuild-plugin-angular-lynx';
import { defineConfig } from '@lynx-js/rspeedy';

export default defineConfig({
  source: {
    entry: './src/main.ts',
  },
  plugins: [pluginAngularLynx()],
});
```

## 它会做什么

-   在 Rsbuild/webpack 中运行 Agular 的 AOT 编译器
-   拆分每个条目 **主线** 财务报告和审定财务报表 **背景线** 用于 Lynx 双行脚模型的捆绑
-   组件样式表和进程 CSS
-   从 a 运行尾风 CSS 3 `tailwind.config.*`,并重写 CSS Tailwind CSS 4 写作(layers, `@property`筑巢时, `oklch()` 财务报告和审定财务报表 `color-mix()`,逻辑属性, `translate`编号 :`rotate`编号 :`scale`)输入 CSS Lynx 读取,用于设备和网页预览. 见 [尾风 CSS](https://angularlynx.js.org/guide/tailwindcss)
-   登记册 `CUSTOM_ELEMENTS_SCHEMA` 所以Angular 接受 Lynx 元素 (`<view>`, (中文(简体) ), `<text>`页:1
-   执行构建目标 `budgets` 与 `ng build`'单位和信件: 已打印出警告, 错误失败构建
-   应用构建目标 `fileReplacements`,正如Angular的建造者所做的: 两条线的捆绑都是从每个线上建造的 `with` 文件代替其文件 `replace` 文件,当修改时,一个表会重建
-   添加 `Intl` 辅助 `intl` lynx 缺少的选项列表到 Lynx 捆绑(参见 [输入](https://npmcn.com/package/%40blotch/rsbuild-plugin-angular-lynx/#readme-intl)(中文(简体) )

## 预算

预算以角为单位 `lynx` 环境,捆绑设备负载。 这个 `web` 未检查预览 。 Lynx应用船 `.bundle` 文件,而不是单独的脚本和样式表,所以每个预算类型度量:

| 类型 | 措施 |
| --- | --- |
| `initial` | 每个条目都是自己包的,因为Lynx的一页装了一包 |
| `bundle` | 由 `name` |
| `all` 编号 : `allScript` | 所有捆绑和脚本一起( 装入捆绑内的文字船) |
| `any` 编号 : `anyScript` | 每个捆绑和脚本 |
| `anyComponentStyle` | 编译的每个组件样式表 |

媒体和字体都不计算. 在平地之下 `rspeedy dev` 预算被跳过:插件然后读取 angular.json 的默认配置,通常是生产,其预算并不符合开发建设. `ng serve` 在它所服务的配置有它们时检查它们,就像Angular的dev服务器那样.

## 输入

林克斯没有 `Intl` 在主线上,Angular运行的地方,除了在JavaScriptCore运行的地方外,在背景线上也没有. 这个 `intl` 在 angular.json 中构建选项,或 `pluginAngularLynx({ intl })` 当构建目标不是AngularLynx的,在应用代码之前,将它列出的API添加到Lynx捆绑上,在两个线程上:

```json
"intl": ["DisplayNames", "NumberFormat", "Collator"]
```

-   `DateTimeFormat`, (中文(简体) ), `DisplayNames`, (中文(简体) ), `ListFormat`, (中文(简体) ), `NumberFormat`, (中文(简体) ), `PluralRules` 财务报告和审定财务报表 `RelativeTimeFormat` 为: [FormatJS 的多填充](https://formatjs.github.io/docs/polyfills),该应用程序安装的(`@formatjs/intl-*`,与 `@formatjs/intl-getcanonicallocales` 财务报告和审定财务报表 `@formatjs/intl-locale`; 建筑名称缺失者)。 他们在这里是可选的对等依赖,因为每个软件包都持有每个地方的数据.
-   该构件增加了角数据. 强森的 `i18n.sourceLocale` 财务报告和审定财务报表 `i18n.locales`,而API则各自调用(`NumberFormat` 需求 `PluralRules`· ; `DateTimeFormat` 财务报告和审定财务报表 `RelativeTimeFormat` 需求 `NumberFormat`) (中文(简体) ).
-   `Collator` 是插件本身的, 与 `localeCompare()`:格式JS没有. 建筑取自节点ICU的每个地块字母顺序(`src/intl/collation-data.ts`) (中文(简体) ).
-   由于没有语言,他们使用电话的语言(`appLocale`) 当应用程序拥有其数据,并且日期位于手机的时区,由 `appTimeZone`。 。 。 .
-   网页捆绑没有获得任何内容: 浏览器已经 `Intl`。 。 。 .

见 [国际化](https://angularlynx.js.org/guide/i18n#use-intl) 对于什么是大概 和它增加了捆绑.

## 文档

完整文件时间 [(原始内容存档于2017-10-21). angulallynx.js.org](https://angularlynx.js.org/)。 。 。 .

## 常见问题

### @blotch/rsbuild-plugin-angular-lynx 是什么？

用于构建 AngularLynx 应用程序的 Rsbuild 插件

### 如何安装 @blotch/rsbuild-plugin-angular-lynx？

在项目目录运行 npm install @blotch/rsbuild-plugin-angular-lynx，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@angular/build（^22\.2\.0）、@lynx-js/rspeedy（^0\.18\.0）、@angular-devkit/core（^22\.2\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @blotch/rsbuild-plugin-angular-lynx 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @blotch/rsbuild-plugin-angular-lynx 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @blotch/rsbuild-plugin-angular-lynx 可以商用吗？

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

### @blotch/rsbuild-plugin-angular-lynx 的下载量有多少？

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

### @blotch/rsbuild-plugin-angular-lynx 还在维护吗？

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