@angular-cli/base-href-webpack 是一个 Angular CLI 的官方 npm 包，可以很方便地在构建过程中设置所需的 baseHref 选项。本篇文章将为您提供详细的使用教程和指导意义。
安装
使用 npm 安装 @angular-cli/base-href-webpack：
npm install @angular-cli/base-href-webpack --save-dev
使用
在 Angular 项目的根目录的 angular.json 文件中，可以添加如下构建配置：
-- -------------------- ---- -------
----------- -
--------------- -
------------ -
-------- -
---------- ----------------------------------------
---------- -
----------- ------------------
--
----------------- -
------------- -
----------- ------------------
-
-
-
-
-
-在上面的配置中，我们设置了 baseHref 选项，指示 URL 的前缀，以便构建后的文件在 Web 服务器上正确访问。在 options 和 configurations 位置都配置了 baseHref，以便在构建和生产模式下进行设置。
示例
-- -------------------- ---- -------
----------- -
---------- -
------------ -
-------- -
---------- ----------------------------------------
---------- -
----------- -----------
--
----------------- -
------------- -
----------- -----------
-
-
-
-
-
-在上面的示例中，我们设置了 example 项目的 baseHref 选项，指示 URL 的前缀为 /example/。这意味着构建后的文件将在 /example/ 下运行。
总结
通过使用 @angular-cli/base-href-webpack 包，您可以轻松设置 Angular 项目的 baseHref 选项。这有助于确保构建后的文件能够在 Web 服务器上正确访问，并具有更好的可读性。希望本篇文章可以帮助您学习和理解如何使用这个 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedac31b5cbfe1ea0610975