javascript - 仅将 DefaultUrlSerializer 类导入 Angular 项目而无需整个路由器模块

Question

以下 import 语句将整个路由器模块拉入最终的 webpack 包中。

import { DefaultUrlSerializer } from '@angular/router';

有没有办法只导入 DefaultUrlSerializer 而没有其他不相关的模块？

我正在使用 Webpack 模块构建器和 Angular Cli 进行 AOT/生产构建。

Answer 1

不，除非您自己构建 Angular，否则您不能这样做。 npm 包不单独提供模块，而是作为一个 UMD 格式的 bundle 提供:

  node_modules
    @angular
       router
         bundles
           router.umd.js

无论您如何导入 DefaultUrlSerializer，webpack 都会在最终构建中包含整个 router.umd.js 的内容，因为它无法从文件。