引导者本文目录一览：
打包优化去掉console.log,webpack.js配置排除打包瘦身
例如htmlwebpackplugin：让 webpack 不打包 vue xlsx 和 element htmlwebpackplugin；先找到 vue.config.js ， 添加 externals 项，具体如下htmlwebpackplugin：再次运行打包，我们会发现包的大小已经大幅减小htmlwebpackplugin： 三个包已经不在打包的目标文件中了。
通过 DllPlugin 插件分离出第三方包 使用 add-asset-html-webpack-plugin 动态添加 dll.js 到 html 。需要注意 项目经过以上优化，打包从 30 分钟，到 2 分钟不到，整体还有优化空间，可以使用其他 cdn 等优化方式。
优化resolve.extensions 配置 在导入语句没带文件后缀时，Webpack 会自动带上后缀后去尝试询问文件是否存在。
尽量用较新的版本，新版本相较之前都会有一定的性能提升和优化，包括Node和Webpack。
在vue.config.js文件中的chainWebpack配置插件，默认会在8888端口打开 根据之前打包分析图来看，主要是locale下moment的其他语言包占用体积较大。
原因同上，出在了vendor.app.js上这里我说一下vendor.app.js打包之后的体积是144kb。
webpack使用什么cdn配置插件?
使用cdn其实也就是在webpack热启动和打包项目的时候动态插入script和style链接 ，为了方便维护，我们通过在 build/utils.js 文件上添加几个方法，将来在 webpack.dev.conf.js 和 webpack.prod.conf.js 上可以使用。
或者在 vue.config里面可以使用 chainWebpack链式配置方式去配置 关于chainWebpack与configureWebpack 可以看我之前写的文章， 传送门 运行打包命令之后就会打开一个可视化页面。
config文件夹下webpack.config.js 修改output文件名，使用绝对路径。修改后重新打包，发现index.html中引入css，js的路径皆改成cdn路径。附加： 上传打包文件至七牛云CDN。
通过 DllPlugin 插件分离出第三方包 使用 add-asset-html-webpack-plugin 动态添加 dll.js 到 html 。需要注意 项目经过以上优化，打包从 30 分钟，到 2 分钟不到，整体还有优化空间，可以使用其他 cdn 等优化方式。
webpack使用HtmlWebpackPlugin进行cdn配置
其实使用cdn就是在webpack热启动打包的时候动态插入脚本和样式链接。为了维护方便，我们在build/utils.js文件中增加了几个方法，以后可以在webpack.dev.conf.js和webpack.prod.conf.js上使用。
使用cdn其实也就是在webpack热启动和打包项目的时候动态插入script和style链接 ，为了方便维护，我们通过在 build/utils.js 文件上添加几个方法，将来在 webpack.dev.conf.js 和 webpack.prod.conf.js 上可以使用。
HtmlWebpackPlugin 生成的 index.html 文件：MiniCssExtractPlugin 生成的 css 文件：不管通过哪种路径设置 output.publicPath ，都只是影响 HtmlWebpackPlugin 和 MiniCssExtractPlugin 生成的文件中引用其他资源的路径。
找到 public/index.html 通过配置CDN Config 依次注入 css 和 js。
CommonsChunkPlugin文档地址https：//doc.webpack-china.org/plugins/commons-chunk-plugin/CommonsChunkPlugin 插件，是一个可选的用于建立一个独立文件(又称作 chunk)的功能，这个文件包括多个入口 chunk的公共模块。
