![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
模块化
飞羽逐星
既然厌倦于追寻,那便一觅其中;自从一股逆风袭来,我已学会抵挡八面来风。
展开
-
webpack性能优化(一)
性能优化一、减少模块解析1.什么叫做模块解析2.不做模块解析会怎样3.哪些模块不需要解析4.如何让某个模块不要解析二、优化loader性能1.进一步限制loader的应用范围2.缓存loader的结果3.为loader的运行开启多线程三、热替换 HMR1.流程2.使用和原理3.样式热替换一、减少模块解析1.什么叫做模块解析模块解析包括:抽象语法树分析、依赖分析、模块语法替换2.不做模块解析会怎样如果某个模块不做解析,该模块经过loader处理后的代码就是最终代码。如果没有loader对该模块原创 2020-08-30 20:12:13 · 754 阅读 · 1 评论 -
webpack性能优化概述
性能优化概述一、性能优化概述一、性能优化概述本章所讲的性能优化主要体现在三个方面:构建性能这里所说的构建性能,是指在开发阶段的构建性能,而不是生产环境的构建性能优化的目标,是降低从打包开始,到代码效果呈现所经过的时间构建性能会影响开发效率。构建性能越高,开发过程中时间的浪费越少传输性能传输性能是指,打包后的JS代码传输到浏览器经过的时间在优化传输性能时要考虑到:总传输量:所有需要传输的JS文件的内容加起来,就是总传输量,重复代码越少,总传输量越少文件数量:当访问页面时,需要传输的J原创 2020-08-30 08:55:55 · 206 阅读 · 0 评论 -
ES6模块化
ES6模块化一、ES6模块化简介二、基本导入导出1.基本导出2.基本导入三、默认导入导出1.默认导出2.默认导入3.注意一、ES6模块化简介ECMA组织参考了众多社区模块化标准,终于在2015年,随着ES6发布了官方的模块化标准,后成为ES6模块化ES6模块化具有以下的特点使用依赖预声明的方式导入模块依赖延迟声明优点:某些时候可以提高效率2. 缺点:无法在一开始确定模块依赖关系(比较模糊)依赖预声明优点:在一开始可以确定模块依赖关系2. 缺点:某些时候效率较低灵活原创 2020-08-18 10:02:56 · 274 阅读 · 0 评论 -
浏览器模块化
浏览器模块化一、浏览器端模块化的难题1.CommonJS的工作原理2.当浏览器遇到CommonJS3.新的规范4.AMD5.CMD一、浏览器端模块化的难题1.CommonJS的工作原理当使用require(模块路径)导入一个模块时,node会做以下两件事情(不考虑模块缓存):通过模块路径找到本机文件,并读取文件内容将文件中的代码放入到一个函数环境中执行,并将执行后module.exports的值作为require函数的返回结果正是这两个步骤,使得CommonJS在node端可以良好的被支持原创 2020-08-17 16:04:06 · 889 阅读 · 0 评论 -
CommonJS
CommonJS一、CommonJS1.模块的导出2.模块的导入3.CommonJS规范4.nodejs对CommonJS的实现5.实例6.练习一、CommonJS在nodejs中,由于有且仅有一个入口文件(启动文件),而开发一个应用肯定会涉及到多个文件配合,因此,nodejs对模块化的需求比浏览器端要大的多由于nodejs刚刚发布的时候,前端没有统一的、官方的模块化规范,因此,它选择使用社区提供的CommonJS作为模块化规范在学习CommonJS之前,首先认识两个重要的概念:模块的导出和模块的原创 2020-08-17 09:38:05 · 1250 阅读 · 0 评论 -
模块化概述
模块化一、JavaScript 模块化发展史1.第一阶段2.第二阶段3.第三阶段4.第四阶段一、JavaScript 模块化发展史1.第一阶段在 JavaScript 语言刚刚诞生的时候,它仅仅用于实现页面中的一些小效果那个时候,一个页面所用到的 JS 可能只有区区几百行的代码在这种情况下,语言本身所存在的一些缺陷往往被大家有意的忽略,因为程序的规模实在太小,只要开发人员小心谨慎,往往不会造成什么问题在这个阶段,也不存在专业的前端工程师,由于前端要做的事情实在太少,因此这一部分工作往往由后端工程原创 2020-08-16 10:53:28 · 464 阅读 · 0 评论