在前端工作的过程中，只要你接触过vue，angular，react，gulp就一定知道webpack或者听说过或者使用过webpack，但是或许你对webpack的使用方法并不是十分了解，只是会用写好的构建项目如：vue-cli，angular-cli等，那么这一系列的文章就...

“模块化”可以说是现在前端最流行的三个字，而webpack就是一款非常非常流行的模块打包工具，它可以分析模块之间的依赖关系，并将这些模块根据指定规则打包成浏览器能识别的静态资源。...

通过将vue-cli预设配置弹出的操作，我查看了一下 Vue-cli 预设Webpack配置，和我自己的webpack配置，没看出问题来。感觉一切正常

大多数的文章其实还是照着文档上的内容平铺直叙。讲怎么配置：入口文件，loader , 插件等等那一堆东西。

上篇文章简单介绍了一下如何简单实现一个loader,今天聊一聊Loader API相关的内容。

loader的定义：一个导出了一个函数的node模块儿。当某些资源或文件需要转换时这个函数被调用。并且这个函数或方法有权调用webpack提供的Loader API。

webpack在前端的应用越来越广泛,似乎不少人对webpack的了解似乎并不是特别深入，所以需要花点时间去了解一些webpack的内容，先从loader说起。

首先，webpack默认认为你现在正在开发的是一个应用而不是一个对外使用的库，所以默认打包结构是一个闭包，然后模块是作为闭包的参数列表，是个数组，每一项也是个匿名函数...

2、 修改build/webpack.base.conf.js文件，通过externals选项加载外部扩展，引入依赖库，不需要webpack处理

经过四处寻找，在github找到了原因解释，只不过他的解释是针对使用了ts下的react项目，但是原理相同内容如下