经常我们会希望通过script方式引入库，如CDN方式的jquery，我们在使用的时候依旧用require方式，但是却不希望webpack将他编译到文件中 ...

经常我们会希望通过script方式引入库，如CDN方式的jquery，我们在使用的时候依旧用require方式，但是却不希望webpack将他编译到文件中。 <script src="http://code.jquery.com/jquery-1.12.0.min.js"> ...

externals 官网文档解释的很清楚，就是webpack可以不处理应用的某些依赖库，使用externals配置后，依旧可以在代码中通过CMD、AMD或者window/global全局的方式访问。 怎么理解呢？我们先通过官网说的那个jquery的案例来理解。 有时 ...

通过这种方式引入的依赖库，不需要webpack处理，编译进文件中，在我们需要，使用它的时候可以通过CMD、AMD、或者window全局方式访问。 其实，我们使用这种方式的另一个目的是为了压缩工程大小，如果所有的依赖包都压缩打包到应用中，尤其是echart这样的大型库，会导致 ...

通过这种方式引入的依赖库，不需要webpack处理，编译进文件中，在我们需要，使用它的时候可以通过CMD、AMD、或者window全局方式访问。 官网地址：https://webpack.js.org/configuration/externals/ 比如我们在index.html用CDN ...

我们通常在做项目时可能会把第三方库打包到bundle中，比如下面这张图 如果不想把第三方库打包到bundle中，这就有了externals。官方的使用externals比较简单，只需三步—— 1.在HTML中引入第三方库的cdn 2.在webpack中配置externals ...

webpack默认打包之后的代码形式是这样的（假设我导出 module.exports = 'hello world' ） 注意：代码是一个自执行函数，外界想获取函数里面的返回值怎么办（也就是模块的导出结果 hello world ），那么就需要配置一个 library ...

　　在日常的项目开发中，我们会用到各种第三方库来提高效率，但随之带来的问题就是打包后的vendor.js体积过大，导致加载时空白页时间过长，给用户的体验太差。为此我们需要减少vendor.js的体积，从本质上来解决这种问题。 　　webpack的外部扩展(externals)可以有效的解决 ...