Yarn 和 Angular CLI 命令
本主题充当应用程序开发所需的 Yarn 和 Angular CLI 命令的参考。
| Yarn 命令参考 | 用途 |
|---|---|
| yarn start | 构建 (JIT 方式) 并通过在启用 HMR 的情况下对端口 4500 上的浏览器进行定制来为应用程序提供服务。 |
| yarn start-aot | 以 AOT 方式构建,并通过在启用了 HMR 的端口 4500 上对浏览器进行定制来为应用程序提供服务。 |
| yarn lint | 在应用程序上运行 linting ,并报告要修正的代码违例。 注: 目前,在 src 和 store-extensions-src 源代码文件上都运行了 linting。 仅应在 store-extensions-src 源代码文件中修正对错误/警告。 应忽略应用程序提供的源代码 (<WORKSPACE>/storefrontend/src) 中报告的 linting 警告。 |
| yarn test-prod | 运行定制的单元测试用例。 |
| yarn build-dist | 创建应用程序的生产构建并将输出复制到 dist 目录。 在将定制更改推送到云环境之前,应使用此命令。 注:
|
| yarn verify | 在应用程序上运行 linting ,执行单元测试用例并创建应用程序的生产构建。 |
| yarn verify-wc | 在应用程序上运行 linting ,并创建应用程序的生产构建。 |
| 命令 | 用途 |
|---|---|
| ng g c --project=store-extensions --skip-import | 在 store-extensions-src 文件夹中生成组件文件。 |
| ng g d --project=store-extensions --skip-import | 在 store-extensions-src 文件夹中生成伪指令文件。 |
| ng g s --project=store-extensions | 在 store-extensions-src中生成提供程序文件。 |
| ng g m --project=store-extensions | 在 store-extensions-src 中生成模块文件 |
注:
- 必须传递
--project=store-extensions参数。 执行此操作失败将在应用程序提供的src文件夹 (<WORKSPACE>/store-frontend/src) 中创建组件。 此处创建的文件将被忽略,并且不会在浏览器上呈现。 - 仅当在应用程序提供的功能部件模块中创建组件或伪指令时,才应使用 --skip-import 选项。 在定制功能部件模块中创建组件或伪指令时,可以忽略此参数。