在webpack中活用cdn可以大幅度减少打包文件的体积，配置方法也非常简单。 首先现在入口html文件（index.html）里引入相应cdn连接，然后配置webpack： 配置cdn主要利用了externals（外部的）选项，key表示的是包名，即package.json中包 ...

最近准备开发一款 web app，是前后端并行开发的场景，因此需要 mock 一些数据，但是 vue 官网上发现没有跑在webpack上的例子。 案例数据来自网上。 一、安装 vue 脚手架并初始化 webpack 项目 二、安装依赖 三、在项目根路径下 ...

什么是CDN CDN (Content Delivery Network) 可直译成内容分发网络。CDN的本质仍然李咏缓存技术缓存, 解决的是__如何将数据快速可靠从源站传递到用户的问题__。用户获取数据时，不需要直接从源站获取，通过CDN对于数据的分发，用户可以从一个较优的服务器获取数据 ...

vue打包后部分资源包占用了较大的空间，故通过CDN方式，缩小打包体积。【以ElementUI为例】 修改index.html <!-- 引入VUE --> <script src="https://unpkg.com/vue@2.6.11/dist/vue.js ...

创建自己的library类库包并使用webpack4.x打包发布到npm 我们在开发过程中，可能经常要使用第三方类库，比如jquery、lodash等。我们通过npm，下载安装完之后，就可以使用了，简单方便。我们自己可以创建一个类库，然后供其他人这样安装使用吗？当然是 ...

在我当前所做的web项目中，采用前后端分离模式前端通过Django 提供restful接口，后端采用微服务架构，微服务之间的调用采用jsonrpc，由于微服务之间的调用很频繁，导致前端得到的响应很慢，所以就不得不做性能优化。 JSON-RPC是一种基于JSON的跨语言远程调用协议 ...

webpack性能优化 优化可以从两个方面考虑，一个是优化开发体验，一个是优化输出质量。 优化开发体验 缩小文件搜索范围。涉及到webpack如何处理导入文件，不再赘述，不会的可以自行搜索。由于loader对文件转换操作很耗时，应该尽量减少loader处理的文件，可以使用include命中 ...

现状 随着项目不断发展壮大，组件数量开始变得越来越多，项目也开始变得庞大，webpack 编译的时间也会越来越久，我们现在的项目编译一次在 40s ——70s 之间，这是一个效率非常低下的操作。优化的手段有很多，之前项目原本已经做了很多，本文从缓存的角度进行优化讲解 以下仅介绍几种缓存相关 ...