饶涛涛

使用IgnorePlugin优化moment第三方包。 IgnorePlugin是webpack的一个内置插件，用于：忽略第三方包指定目录，让这些目录不要被打包进去。...

近来遇项目打包之事，撰文记之。以期分享，皆有所获。 基于这个两个前提，我们再进行下一步。 其中 analyzerMode 的设置比较重要。 得出如上图的分包并不难，vue-...

配置 vue.config.js， 分割 chunk-vendors 使多页面项目的各页面只引用真正需要用到第三方依赖。...

webpack5升级有哪些问题，升级webpack5之后如何做性能优化，哪些优化项是比较重要的？这篇文章告诉你答案...

@TOC 注意!!!注意!!!注意!!! 本文是基于Webpack和VueCli 4 打包 一.概述 使用CDN的好处 缓解服务器的压力,将首屏加载时的请求分摊给其它的服务...

一、chunk-vendors.js 简介 顾名思义，chunk-vendors.js 是捆绑所有不是自己的模块，而是来自其他方的模块的捆绑包，它们称为第三方模块或供应商模...

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节...

我正在参加「掘金·启航计划」 在使用vue组件的时候，我们经常会遇到v-for必须要加key值 来举个例子进行说明吧！ 不存在key的情况 此时我们选中最后一个值 这时候我...

包含head和body head与body有20px的间距.div.box与其它内容没有间距. 仅有head,没有body head有设置margin-bottom:20p...

## 这是一个不稳定触发的奇怪bug 1.在路由的根页面组件中,`useEffect`中调用`init.init`能正常渲染,并不会触发bug. 2.在根页面组件的子组件中...

前言 我们在 派发更新 文章中了解到，在执行 update 方法时，会执 nextTick(flushSchedulerQueue) 这段逻辑。...

在taro中使用React开发，无法使用之前的styled-components的CSS方案。官方提供了一个linaria的一种CSS样式方案。这种方案与styled-co...

前言 Vue.js 响应式的核心是利用 ES5 的Object.defineProperty，这也是为什么 Vue.js 不兼容 IE8 及以下浏览器的原因。...

前言 组件化是 Vue.js 的核心思想。组件化即把页面拆分成多个组件 (component)，每个组件依赖的 CSS、JavaScript、模板等资源放在一起开发和维护。...

核心语法: 1.将核心语法封装成一个函数. 2.在路由element项使用: 3.完整代码展示......

第一步:安装 react-activation 第二步:路由改造.核心代码 核心有两点: 1.使用<AliveScope>包裹所有routes. 2.使用<KeepAliv...

关键点1: 使用store对象的组件需要用`observer`包裹,则会有响应试. 关键点2: 嵌套的对象也需要使用`makeAutoObservable`才具有响应效果....

平时进行开发大多数是基于vue-cli或者create-react-app等官方或者公司内部搭建的脚手架。 我们业务仔做的最多就是npm i和npm run dev或者np...

创建文件src/global.d.ts; 以下以挂载高德地图的实例为例. 注:export {}; 这一行不能省略 使用: 注:使用时需要显示声明window.;...