在 Angular 13 本地编辑 npm 包

Question

我有一个 Angular 应用程序 (v13.3.10)，我正在使用 ngx-markdown 包作为依赖项。我在这个包中发现了很多错误。为了解决这个问题，我尝试在本地编辑它并在 运行 ng serve 时在浏览器中查看更改。但是 webpack 似乎总是采用这个包中源文件的未编辑版本。 （不幸的是，这个包没有 dist 文件夹）。

研究这个，我尝试使用 patch-package（设置安装后脚本）以及禁用 angular CLI 的构建缓存。但无论如何，Webpack 都会保持稳定，不会在 ng serve.

上应用本地更改

为什么 webpack 不允许我更改源文件以在本地主机中查看？我还能在这里做什么？

Answer 1

1. 更改您的节点模块名称
2. 然后在终端 运行 npm i
3. 现在你得到了新的节点模块文件
4. 然后 运行 你的代码 ng serve

Answer 2

您能否对 esm2020、fesm 2020 文件夹中的文件进行与 src 文件夹中相同的更改。这些是 webpack 引用的文件。

Answer 3

在这里回答我自己的问题。问题是 ngx-markdown 包是一个 Angular 库 。 Angular 已配置 webpack，不允许编辑任何库。你能做的最好的是：

1. 分叉、编辑、导入为自定义 angular 库
2. 向原始仓库发送拉取请求并等待合并。