摘要:
``` // 对于最新的webpack版本:4.35.2 // 在原教程中,抛错原写法 const CleanWebpackPlugin = require("clean-webpack-plugin"); ... plugins: [ new CleanWebpackPlugin(['dist']) ] ... // 另一种错误写法 const CleanWebpackPlugin = requ 阅读全文
摘要:
passive有何用? 正如标题所言,passive就是为了让浏览器的页面滚动起来更加丝滑,飞一般的感觉~ passive怎么用 看完还是不懂,不着急,看下述慢慢道来 passive的前世今生 对于addEventListener(),大家都是认识的,为dom添加触发事件 阅读全文
摘要:
目录 一、 如何编写一个loader 二、 如何编写一个Plugin 三、 Bundler源码编写(模块分析) 一、 如何编写一个loader 1.额外知识点,此处不能是箭头函数,因为我们里面要用到this指向问题,webpack会对里面的this进行变更,去用this调用一些方法 2 阅读全文
摘要:
目录 一、Library打包 二、Progressive Web Application(PWA)打包配置 三、TypeScript的打包配置 四、WebpackDevServer实现请求转发 五、WebpackDevServer解决单页面应用路由问题 六、EsLint在webpack中的配置 七、 阅读全文
摘要:
目录 一、Tree Shaking的概念 二、Development和Production模式的区分打包 三、Webpack和Code Spliting 四、SplitChunksPlugin配置参数详解 五、Lazy Loading懒加载,Chunk是什么? 六、打包分析 七、CSS文件的代码分割 阅读全文
摘要:
目录 一、什么是loader 二、使用 Loader 打包静态资源(图片篇) 三、使用 Loader 打包静态资源(样式篇) 四、使用plugins让打包更便捷 五、Entry与Ouput的基本配置 六、SourceMap的配置 七、使用webpackDevServer 提升开发效率 八、Hot M 阅读全文
摘要:
概述 此章节主要讲述几个刚使用webpack的几个基本的概念 运行webpack常见的几种方式 webpack index.js npx webpack index.js npm run bundle webpack 一个简单项目打包分析 chunks: 我们在做复杂打包的时候,会打包出很多文件,在 阅读全文
摘要:
1. Warning: validateDOMNesting(...): Whitespace text nodes cannot appear as a child of . Make sure you don't have any extra whitespace between tags on 阅读全文
摘要:
目录 一、服务端渲染基础 二、react服务端渲染原理 三、同构 四、在ssr中引入路由机制 五、异步数据服务端渲染 六、数据的注水和脱水 七、其他 一、 服务端渲染基础 什么是csr,什么是ssr? 从上图我们可以发现,客户端渲染主要经历了4个阶段,首先从远程服务器中下载了HTML文 阅读全文
摘要:
今日学习目录 一、race进一步讨论 二、组合saga 三、取消任务caceled进一步讨论 一、race进一步讨论 有时候我们同时启动多个任务,但又不想等待所有任务完成,我们只希望拿到 胜利者:即第一个被 resolve(或 reject)的任务。 race Effect 提供了一个 阅读全文