@blotch/rsbuilding-plugin-angular-lynx (英语)
Rsbuild 插件,用于编译 Angular 应用程序 林克丝 本地运行时间 。 出产了iOS,Android和Web的双线捆绑(主要+背景).
安装
用角CLI吗? 你不需要这个包裹.
ng add @blotch/angular-lynx安装@blotch/angular-lynx-build,其ng build财务报告和审定财务报表ng serve构建者依赖于此插件并添加到ripey的配置中. 要通过选项,请从中导入:import { pluginAngularLynx } from '@blotch/angular-lynx-build'。 。 。 .
直接运行速度 :
npm install @blotch/rsbuild-plugin-angular-lynx
使用量
将插件添加到您的 lynx.config.ts数字 :
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 - 登记册
CUSTOM_ELEMENTS_SCHEMA所以Angular 接受 Lynx 元素 (<view>, (中文(简体) ),<text>页:1 - 执行构建目标
budgets与ng build'单位和信件: 已打印出警告, 错误失败构建 - 应用构建目标
fileReplacements,正如Angular的建造者所做的: 两条线的捆绑都是从每个线上建造的with文件代替其文件replace文件,当修改时,一个表会重建 - 添加
Intl辅助intllynx 缺少的选项列表到 Lynx 捆绑(参见 输入(中文(简体) )
预算
预算以角为单位 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捆绑上,在两个线程上:
"intl": ["DisplayNames", "NumberFormat", "Collator"]
DateTimeFormat, (中文(简体) ),DisplayNames, (中文(简体) ),ListFormat, (中文(简体) ),NumberFormat, (中文(简体) ),PluralRules财务报告和审定财务报表RelativeTimeFormat为: FormatJS 的多填充,该应用程序安装的(@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。 。 。 .
见 国际化 对于什么是大概 和它增加了捆绑.
文档
完整文件时间 (原始内容存档于2017-10-21). angulallynx.js.org。 。 。 .