已停用新一代平台

Yarn 和 Angular CLI 命令

本主题充当应用程序开发所需的 Yarn 和 Angular CLI 命令的参考。

表 1. Yarn 和 CLI 命令参考
Yarn 命令参考 用途
yarn start 构建 (JIT 方式) 并通过在启用 HMR 的情况下对端口 4500 上的浏览器进行定制来为应用程序提供服务。
yarn start-aot 以 AOT 方式构建,并通过在启用了 HMR 的端口 4500 上对浏览器进行定制来为应用程序提供服务。
yarn lint 在应用程序上运行 linting ,并报告要修正的代码违例。
注: 目前,在 srcstore-extensions-src 源代码文件上都运行了 linting。 仅应在 store-extensions-src 源代码文件中修正对错误/警告。 应忽略应用程序提供的源代码 (<WORKSPACE>/storefrontend/src) 中报告的 linting 警告。
yarn test-prod 运行定制的单元测试用例。
yarn build-dist 创建应用程序的生产构建并将输出复制到 dist 目录。 在将定制更改推送到云环境之前,应使用此命令。
注:
  • 在将更改推送到源控件之前,请确保在 <store_temp> 目录中运行 yarn ear-build-prod 命令。
  • 如果 yarn ear-build-prod 命令失败,那么在云环境上部署定制 JAR 也会失败。 因此,运行此命令很重要,并且结果成功。
yarn verify 在应用程序上运行 linting ,执行单元测试用例并创建应用程序的生产构建。
yarn verify-wc 在应用程序上运行 linting ,并创建应用程序的生产构建。
表 2。 重要的 Angular CLI 命令参考
命令 用途
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 选项。 在定制功能部件模块中创建组件或伪指令时,可以忽略此参数。