使用 Webpack 和 Typescript 捆绑时忽略供应商导入

Question

使用 Webpack 时，我不想忽略像 angular 这样的第三方库，因为我会自己提供它们。

我有以下条目 index.ts:

import * as angular from 'angular';
angular
  .module('myapp', [
    'ui.router'
  ]);

现在这包括我不需要的整个 angular 库。

如果我取消导入并依赖 angular 的输入，那么我会收到以下错误：

error TS2686: 'angular' 指的是全局 UMD，但当前文件是模块。考虑改为添加导入

Answer 1

将 angular 添加到我的 webpack 配置中的 externals 部分会阻止库实际被捆绑。

Ignore Vendor Imports when Bundling w/ Webpack and Typescript