第七星尘的独立博客

Vue + Webpack项目利用CDN加载静态文件,减少打包后的代码体积

在使用Vue前端项目,比如说配合Element-ui框架使用时,由于加载比较多的静态资源文件,打包出来的js往往比较大,超过1M也不奇怪。
在传统的前端项目里,对于一些公用的js问题,比如说vue.min.js等,我们可以通过cdn加载,而不需要在我们业务层去引用,从而减少要加载的业务代码体积,有利于减轻我们服务器的压力。那么问题来了,Vue项目使用webpack打包时候,我们如何像传统方式那样加载公共CDN的静态资源文件呢?