简介
generator-ng-4-webpack-ts 是一个基于 Yeoman 的脚手架工具，用于创建 Angular 4 的 TypeScript 项目，并采用 Webpack 作为打包工具。
与其它 Angular 脚手架相比，generator-ng-4-webpack-ts 更加灵活和具有可维护性，可以随时根据项目需要定制化配置。
本文将会详细介绍 generator-ng-4-webpack-ts 的使用方法，包括安装、创建项目、打包等步骤。
先决条件
在使用 generator-ng-4-webpack-ts 之前，需要安装以下工具：
安装
安装 generator-ng-4-webpack-ts 的 npm 包：
npm install -g generator-ng-4-webpack-ts
创建项目
创建项目时，需要运行以下命令：
yo ng-4-webpack-ts
在执行命令时，会提示输入项目名称、作者、描述等信息。
创建完成后，可以在项目根目录下查看生成的目录结构：
. ├── dist ├── node_modules ├── package.json ├── src ├── tsconfig.json ├── tslint.json └── webpack.config.js
其中：
dist目录存放打包后的文件node_modules目录存放所需的 npm 包src目录存放源码tsconfig.json存放 TypeScript 的编译配置tslint.json存放编码规范配置webpack.config.js存放 Webpack 的配置
打包
在项目目录下执行以下命令，即可打包项目：
npm run build
打包完成后，可以在 dist 目录下查看生成的文件。
总结
本文介绍了使用 generator-ng-4-webpack-ts 创建 Angular 4 的 TypeScript 项目，并使用 Webpack 进行打包的方法。
generator-ng-4-webpack-ts 不仅灵活、具有可维护性，还能根据项目需要进行自定义配置。希望本文能够帮助读者更好地使用这个工具，提高开发效率。
示例代码：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- -----------
--------- -
------------------
----
--- ----------- ---- -- --------
--------
-----
-----
-
--
------ ----- ------------ -
----- - ----- -- --------
------ - ------------- ----------- ---------- -----------
-来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005576c81e8991b448d4690