包括用于打字的模块,但是从最终的webpack包中排除?

时间:2017-05-05 17:05:00

标签: angular typescript webpack

我是Webpack世界的新手,并且已经使用TypeScript 1.x了一段时间。从历史上看,我在一个模块(单独的文件)中完成了大部分TypeScript工作,使用TSD进行打字,并使用Gulp任务进行编译。

我正在开发一个新项目,并尝试设置一个Webpack + TypeScript 2(并导入/ @types用于打字)过程。我找到了一些成功,但我想从我的网络包中排除某些库。

我有一个如下所示的目录结构:

components/
   customComponentA/
   customComponentB/
node_modules/
   @types/
       angular/
main.ts
tsconfig.json
webpack.config.js

如果我在自定义组件中包含import * as angular from "angular";,我会看到一堆Can't resolve 'angular'问题(这是有道理的)。实际上我将angular添加到我的node_modules后,Webpack很高兴,但是所有的Angular都包含在我的最终包中。

我希望我的打字很快乐没有,包括最终捆绑中的Angular。这可能吗?

1 个答案:

答案 0 :(得分:2)

这部分文档非常有用:https://webpack.js.org/configuration/externals/

回答任何可能试图解决此问题的新网站用户:)