介绍
@ngx-webpack/cli 是一个由 Angular 团队推出的命令行工具，旨在简化 Webpack 的配置过程，同时为开发者提供一些便利功能，例如创建多页面应用、热加载等。
本文将详细介绍如何使用 @ngx-webpack/cli，并给出一些实用的示例代码。
安装
使用以下命令进行安装：
npm install -g @ngx-webpack/cli
初始化项目
使用以下命令初始化一个基本的 Angular 项目：
ng new my-project
如果需要创建一个多页面应用，可以使用以下命令：
ng new my-project --routing --multilayout
其中，--routing 表示开启路由功能，--multilayout 表示开启多页面支持。
配置 Webpack
@ngx-webpack/cli 可以通过以下命令配置 Webpack：
ng config webpack [CONFIG NAME] [OPTIONS...]
其中，CONFIG NAME 表示要配置的 Webpack 配置文件的名称，OPTIONS 表示要设置的选项。例如，可以通过以下命令设置热加载：
ng config webpack.common.devServer.hot true
更多配置选项可以参考文档：Angular CLI 配置 Webpack，对于 Webpack 的配置，还可以参考官方文档：Webpack 中文文档
打包项目
使用以下命令对项目进行打包：
ng build
默认情况下，打包后的文件会存放在 dist 目录下。
如果需要打包多页面应用，可以使用以下命令：
ng build --app dev
其中，--app 表示要打包的应用名称。
运行项目
使用以下命令运行项目：
ng serve
默认情况下，项目会运行在 http://localhost:4200。
如果需要运行多页面应用，可以使用以下命令：
ng serve --app dev
其中，--app 表示要运行的应用名称。
总结
@ngx-webpack/cli 简化了 Webpack 配置的过程，同时提供了一些实用的功能。通过本文的介绍，你可以快速上手使用 @ngx-webpack/cli，同时了解如何配置 Webpack，打包和运行项目。
示例代码：
ng new my-project --routing --multilayout ng config webpack.common.devServer.hot true ng build --app dev ng serve --app dev
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fd881e8991b448dd64a