目录
导读一、cdn常规使用二、开发一个webpackplugin三、cdn优化插件实现1、创建一个具名JavaScript函数（使用ES6的class实现）2、在它的原型上定义apply方法3、指定一个触及到webpack本身的事件钩子4、在钩子事件中操作index.html5、设置webpack的外部扩展externals6、callback；四、cdn优化插件使用configureWebpack中配置：chainWebpack中配置：五、小结文章参考
作为一名踏足前端时间不长的小开发必须得聊一聊webpack，刚开始接触webpack时第一反应这是啥(⊙_⊙)?怎么这么复杂，感觉好难呀，算了先不管这些！时间是个好东西呀，随着对前端工程化的实践和理解慢慢加深，跟webpack接触越来越多，最终还是被ta折服，不禁高呼一声“webpackyyds（永远滴神）！”
去年年中就想写一些关于webpack的文章，由于各种原因耽搁了（主要是觉得对webpack理解还不够，不敢妄自下笔）；临近年节，时间也有些了，与其摸鱼不如摸摸webpack，整理一些年货分享给需要的xdm！后续会继续写一些系列文章，xdm监督···
导读
本文主要通过实现一个cdn优化的插件CdnPluginInject介绍下webpack的插件plugin开发的具体流程，中间会涉及到html-webpack-plugin插件的使用、vue/cli3+项目中webpack插件的配置以及webpack相关知识点的说明。全文大概+字，预计耗时5~10分钟，希望xdm看完有所学、有所思、有所输出！
注意：文章中实例基于vue/cli3+工程展开！
一、cdn常规使用
index.html:
head···/headbodydivid=app/divscriptsrc=