igniteui-angular-build

Quick-reference for building the core Ignite UI for Angular library and related packages. Covers the full production build (`build:lib`), individual partial builds (styles, extras, migrations, schematics, i18n, elements), and the combined build-all command. Use when an agent needs to compile the library, produce a dist output, or verify that code changes compile cleanly. Do NOT use for running tests — use igniteui-angular-testing instead. Do NOT use for linting — use igniteui-angular-linting instead.

跳到安装查看文件

仓库: IgniteUI/igniteui-angular
最近来源活动: 2026年9月24日 15:39
检测到的 SKILL.md 语言: 英语
星标: 600
Forks: 161

安装方式

默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。

用 AI 助手安装

复制这段 Prompt，发给你正在使用的 AI 助手。

Follow https://skillsmp.com/skill-install/prompt.md to install only the Agent Skill at https://github.com/IgniteUI/igniteui-angular/tree/master/.agents/skills/igniteui-angular-build.

直接命令不会经过审查 Prompt；运行前请先检查来源。

npx skills add https://github.com/IgniteUI/igniteui-angular --skill igniteui-angular-build

命令会保持在同一行。复制前请横向滚动并检查完整内容。

想先保存到本地？可下载 SkillsMP 当前能够提供的文件。

检查来源文件

决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。

SKILL.md

来源说明 · 只读预览

name: igniteui-angular-build
description: Quick-reference for building the core Ignite UI for Angular library and related packages. Covers the full production build (`build:lib`), individual partial builds (styles, extras, migrations, schematics, i18n, elements), and the combined build-all command. Use when an agent needs to compile the library, produce a dist output, or verify that code changes compile cleanly. Do NOT use for running tests — use igniteui-angular-testing instead. Do NOT use for linting — use igniteui-angular-linting instead.
user-invocable: true

# Ignite UI for Angular — Build Quick-reference card for the core library and related build commands in this repository. ## Prerequisites - Run `npm install` at the repo root before any build command. ## Full Build ```bash npm run build ``` Runs all sub-builds in sequence (library, elements, schematics, migrations, i18n, extras). Use this when you need a complete publishable output or before running the full CI pipeline locally. Check `package.json` for the exact sequence. ## Library Build (most common) ```bash npm run build:lib ``` This is the primary build command. It does two things: 1. `ng build igniteui-angular --configuration production` — compiles the library with ng-packagr using Angular Package Format. Uses `ng-package.prod.json` (production config). 2. `npm run build:styles` — runs `node scripts/build-styles.mjs` to compile and bundle Sass themes into distributable CSS. **Output**: `dist/igniteui-angular/` ### When to use `build:lib` - After implementing a feature or fix, to verify the code compiles. - Before checking that new public symbols are correctly exported. - When another project needs to consume a local build of the library. ## Partial Builds | Command | What it does | |---|---| | `npm run build:styles` | Compiles Sass themes only (`scripts/build-styles.mjs`). Already included in `build:lib`. | | `npm run build:extras` | Builds the extras package and then runs extras migrations. | | `npm run build:schematics` | Copies and compiles `ng add` schematics (`projects/igniteui-angular/schematics/`). | | `npm run build:migrations` | Copies and compiles `ng update` migration schematics (`projects/igniteui-angular/migrations/`). | | `npm run build:i18n` | Compiles the i18n package (`projects/igniteui-angular-i18n/`). | | `npm run build:elements` | Builds the Angular Elements package + bundling + style copy. | | `npm run build:docs` | Generates TypeDoc + SassDoc documentation. | ### When to use partial builds - **`build:schematics`** — after editing files under `projects/igniteui-angular/schematics/`. - **`build:migrations`** — after editing files under `projects/igniteui-angular/migrations/`. Required before running `test:schematics`. - **`build:extras`** — after editing the extras package or when validating the full root `build` flow. - **`build:i18n`** — after changing i18n resource strings. - **`build:elements`** — when working on the Angular Elements wrapper. ## Key Paths | Path | Purpose | |---|---| | `projects/igniteui-angular/` | Library source root | | `projects/igniteui-angular/ng-package.prod.json` | Production ng-packagr config | | `projects/igniteui-angular/ng-package.json` | Dev ng-packagr config (preserves dest) | | `dist/igniteui-angular/` | Build output | | `scripts/build-styles.mjs` | Sass theme compilation script | ## Related Skills - [`igniteui-angular-testing`](../igniteui-angular-testing/SKILL.md) — Running tests - [`igniteui-angular-linting`](../igniteui-angular-linting/SKILL.md) — Linting code and styles

在 GitHub 查看

返回搜索返回安装

igniteui-angular-testing

Quick-reference for running Ignite UI for Angular test suites. Covers the full library run (`test:lib`) on Vitest browser mode through the Angular unit-test builder, running a subset with `--include`/`--filter`, watch mode, extras/elements suites, and auxiliary suites (schematics, styles, i18n). WHEN TO USE: running, selecting, or understanding the test infrastructure. WHEN NOT TO USE: building (use igniteui-angular-build) or linting (use igniteui-angular-linting).

2026-10-20

igniteui-angular-components

Covers all non-grid Ignite UI for Angular UI components: application scaffolding and setup, form controls (inputs, combos, selects, date/time pickers, calendar, checkbox, radio, switch, slider), layout containers (tabs, stepper, accordion, splitter, navigation drawer), data-display components (list, tree, card, chips, carousel, paginator, progress indicators, chat), feedback overlays (dialog, snackbar, toast, banner), directives (button, icon button, button group, ripple, tooltip, drag-and-drop), Dock Manager, Layout Manager, Tile Manager, and Charts. WHEN TO USE: users ask about any Ignite UI Angular component that is NOT a data grid, such as forms, dropdowns, pickers, dialogs, navigation, lists, trees, cards, charts, or initial project setup. WHEN NOT TO USE: data grids, tables, or tabular data (use igniteui-angular-grids); theming or styling (use igniteui-angular-theming).

2026-10-12

igniteui-angular-grids

Provides guidance on all Ignite UI for Angular data grid types (Flat Grid, Tree Grid, Hierarchical Grid, Grid Lite, Pivot Grid) including setup, column configuration, sorting, filtering, selection, editing, grouping, summaries, toolbar, export, paging, remote data, and state persistence. WHEN TO USE: users ask about grids, tables, data grids, tabular data display, cell editing, batch editing, row selection, column pinning, column hiding, grouping rows, pivot tables, tree-structured data, hierarchical data, master-detail views, or exporting grid data. WHEN NOT TO USE: non-grid UI components such as forms, dialogs, navigation, or charts (use igniteui-angular-components); theming or styling (use igniteui-angular-theming).

2026-10-05

查看这个仓库的全部 Skills

igniteui-angular-build

来源信息

安装方式

用 AI 助手安装

检查来源文件

同仓库更多 Skills

用 AI 助手安装

同仓库更多 Skills