javascript - 如何使用@angular/cli(angular-cli、ng cli)定义webpack入口文件？

Question

根据official docs关于 .angular-cli.json 配置文件，仅支持 main、test、polyfills 作为 webpack 入口文件。

如何通过定义 .angular-cli.json 或其他方式设置用户定义的入口文件，例如 "usr": "usr.ts"其他可能的方式？

Answer 1

main、test 和 polyfills“webpack 入口文件”位于 Angular-CLI webpack 配置的上下文中，该配置是“最先进的”webpack 配置。如果您想重命名您自己的 webpack 配置的入口文件，您应该查看 Angular-CLI official docs关于“弹出”。 “ngject”的一个用例是利用自定义的用户定义的 webpack 配置，将您的应用程序从任何 Angular-CLI 特定的 webpack 配置中弹出，从而将您的应用程序与 Angular-CLI 解耦。弹出后，您将重命名特定于您自己的自定义 webpack 配置的文件，该配置是运行命令“ngject”时输出的结果。从 Angular-CLI 弹出应用程序后，您将无法再使用 Angular-CLI 命令；但是，您可以通过运行“npm start”来运行相应的“ngserve”命令，以使用“ngject”对 webpack 配置输出进行“用户定义”修改来为应用程序提供服务。从 Angular-CLI 弹出后，您应该会看到控制台输出记录，效果如下:

• “npm run build”进行构建。
• “npm run test”运行单元测试。
• “npm start”使用 webpack-dev-server 为应用程序提供服务。
• “npm run e2e”运行 Protractor 。

运行等效的 CLI 命令将导致错误。您可能需要再次运行“npm install”。