Sourcemap-explorer 显示了来自 @ng-bootstrap 的额外零碎内容

Question

我一直在玩一个名为sourcemap-explorer的工具，我注意到即使我只从@ng-bootstrap/ng-bootstrap导入NgbDateParserFormatter和NgbDatepickerModule，sourcemap-explorer显示我正在获得手风琴，轮播，选项卡集，弹出框，工具提示等。我认为导入单个模块的想法是为了避免抓取整个包。还有其他人遇到过这种情况吗？

编辑1：这是我正在导入的内容：

import { NgbDateParserFormatter, NgbDatepickerModule } from '@ng-bootstrap/ng-bootstrap';

这是我使用它的地方：

<input class="form-control" 
placeholder="mm/dd/yyyy" 
formControlName="effectiveDate"
ngbDatepicker 
#sd="ngbDatepicker">
<div class="input-group-addon" (click)="sd.toggle()">
<i class="fa fa-calendar"></i>
</div>

Answer 1

根据您使用的打包程序/捆绑程序，如果您从 catch-all 模块路径 (@ng-bootstrap/ng-bootstrap导入，则最终可能会得到比所需的更多代码

。为了增加仅获得已使用代码的机会(最终结果将取决于所使用的捆绑器(，请尝试从特定于日期选取器的模块路径导入：import { NgbDateParserFormatter, NgbDatepickerModule } from '@ng-bootstrap/ng-bootstrap/datepicker/datepicker.module';

以上应该适用于角度 cli。