Webpack怎么引入CDN链接来优化编译后的体积

  介绍

这篇文章主要介绍了Webpack怎么引入CDN链接来优化编译后的体积,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

<强>背景

在Vue项目中,引入到工程中的所有js文件,编译时都会被打包进供应商。js,也就导致了供应商。js文件体积变得相当臃肿,一定程度上影响着页面的渲染。为了减少编译后的体积,提高页面渲染速度,我们可以通过引入CDN链接把库分离,多线程异步js库,从而达到加速渲染的目的。那么我们如何做呢?

<强>步骤

<强> 1。引入CDN链接

在项目的指数。html中,常规方式引入CDN链接,此处以vue和element-ui为例:

& lt; body>   ,& lt; div  id=癮pp"祝辞& lt;/div>   ,& lt; !——, CDN方式引入vue ——比;   ,& lt; https://www.yisu.com/zixun/script  src=" https://unpkg.com/vue/dist/vue.js ">