webpack会将所有的依赖包都生成并打包到js/chunk-vendors.97b0334e.js中，这样会导致这个包的体积过大，在加载的时候会有延时。 解决办法： 通过externals加载外部CDN资源： 1、复制一份main.js改名为main-prod.js。注意：这个优化 ...

为什么要配置externals 官网解释： webpack 中的 externals 配置提供了不从 bundle 中引用依赖的方式。解决的是，所创建的 bundle 依赖于那些存在于用户环境(consumer environment)中的依赖 ...

vue.config.js 在index.html文件中引入CDN 在index.js文件中删除导入的elementui ...

externals 用于排除一些引入的模块，不进行打包，引用外部的模块。 通常，我们这样引入vue模块 但是我们映入了CDN就不要再打包这个模块了，所以通过 externals 来排除这个模块 值得注意的是属性名和属性值表示什么意思，属性名 ...

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

转：https://blog.csdn.net/robin_star_/article/details/83856363 前言：很好的打包优化的帖子，还没来的急去实测验证 1. 去掉 console 打印及 debug 信息，加快运行速度修改 /build ...

webpack打包极限优化--基本介绍 1.为什么我们需要构建工具 (a)转换ES6语法 (b)转换JSX (c)CSS前缀补全/预处理器 (d)压缩混淆 (e)图片压缩 2.初级分析-使用Webpack内置的stats (a)stats：构建的统计信息(b ...

优化： 1：外部引入模块（cdn） 如 jquery，zepto，d3, bootstrap这些固定的lib 使用cdn直接引用就可以，没有必要打包到build，有效利用302。 2：图标优化 不管后台还是移动端避免不了icon的使用，使用字体图标，还需引入字体文件 ...