简介
前端开发离不开各种工具的支持，其中构建工具是不可或缺的一部分。WebPack 是目前最流行的前端构建工具之一，而 @rezonant/ngtools-webpack 是 WebPack 插件，它的主要功能是编译 Angular 应用程序。
安装
安装 @rezonant/ngtools-webpack 的命令很简单，只需要在命令行中输入以下命令即可：
npm install @rezonant/ngtools-webpack --save-dev
使用
使用 @rezonant/ngtools-webpack，我们需要做以下几个步骤：
- 在 Webpack 配置文件中引入插件：
const ngtoolsWebpack = require('@rezonant/ngtools-webpack');- 配置插件：
-- -------------------- ---- -------
-------------- - -
------ ----------------
------- -
--------- ------------------
--
-------- -
----------- ------- ------
--
------- -
------ -
- ----- -------- ------- ------------------ -
-
--
-------- -
--- --------------------------------------
------------- ------------------
------------ ----------------------------
--
-
--上述配置中，AngularCompilerPlugin 的属性包括：
tsConfigPath: tsconfig.json 文件的路径；entryModule: 应用程序的根模块。
- 在命令行中运行 Webpack：
webpack
注意：由于 @rezonant/ngtools-webpack 是一个 Angular 专用的 Webpack 插件，它只能在 Angular 项目中使用。同时，也需要对项目进行一定的配置，以确保 Webpack 正确支持 Angular 应用程序的构建。
示例代码
以下是一个简单的 Angular 应用程序示例，使用了 @rezonant/ngtools-webpack 插件来构建应用程序。代码中需要注意的地方已在注释中说明。
-- -------------------- ---- -------
-- -------------
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ------------ - ---- ------------------
-----------
-------- ----------------
------------- ---------------
---------- --------------
--
------ ----- --------- - -
-- ----------------
------ - --------- - ---- ----------------
------------
--------- ---------
--------- ---------- --------------
--
------ ----- ------------ - -
-- -------
------ - ---------------------- - ---- ------------------------------------
------ - --------- - ---- ---------------
----------------------------------------------------
-- -------------
-
------------------ -
---------- ----
--------- ---------
--------- ------
--------- ---------
------------------- -------
------------------------ -----
------------------------- -----
------------ -----
-------------- ------
---------------- -----
--
---------- -
---------------
------
-
-
-- -----------------
----- -------------- - -------------------------------------
-------------- - -
------ ----------------
------- -
--------- ------------------
--
-------- -
----------- ------- ------
--
------- -
------ -
- ----- -------- ------- ------------------ -
-
--
-------- -
--- --------------------------------------
------------- ------------------
------------ ----------------------------
--
-
--总结
@rezonant/ngtools-webpack 是 Webpack 的一个插件，用于编译 Angular 应用程序。在使用该插件之前，需要对 Webpack 进行一定的配置，以确保插件能够正常工作。通过对示例代码的学习，我们可以更好地了解如何使用该插件，同时也能够深入学习 Webpack 的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005603e81e8991b448de6c5