webpack externals 的一个问题

Question

在官方给出的docs地址中，html中引入了jquery后，

然后又在js中使用了import 引入变量$

但是实际上，因为在html中已经引入了，所以直接用$就可以了，为什么要多此一举呢[个人理解]？

大家是怎么看的？

Answer 1

首先webpack的官方文档是有中文版的，直接看中文可能理解得更好
https://doc.webpack-china.org...

其次external的作用在于可以用引入node_modules的方式来引入通过CDN等途径加载的依赖。对于文档中的示例，如果jQuery通过CDN加载，是无法直接使用import来引入的。而使用了external以后，外部的jQuery被webpack映射到了jquery上（注意大小写），因此你就可以使用import来引入了

===============================

官网这里说得还算清楚，主要是解决开发和生产两套环境下依赖来源不同的问题。

比如开发环境的jQuery从node_modules引入，生产环境从CDN引入。不过在我看来，这个功能可以拓展出其他场景，比如开发环境和生产环境的某种配置不同，生产环境下的配置需要单独请求等等（个人想法，不一定对）。