xun__xing的博客

性能优化一、减少模块解析1.什么叫做模块解析2.不做模块解析会怎样3.哪些模块不需要解析4.如何让某个模块不要解析二、优化loader性能1.进一步限制loader的应用范围2.缓存loader的结果3.为loader的运行开启多线程三、热替换 HMR1.流程2.使用和原理3.样式热替换 一、减少模块解析 1.什么叫做模块解析 模块解析包括：抽象语法树分析、依赖分析、模块语法替换 2.不做模块解析会怎样 如果某个模块不做解析，该模块经过loader处理后的代码就是最终代码。 如果没有loader对该模块

性能优化概述一、性能优化概述 一、性能优化概述 本章所讲的性能优化主要体现在三个方面： 构建性能 这里所说的构建性能，是指在开发阶段的构建性能，而不是生产环境的构建性能 优化的目标，是降低从打包开始，到代码效果呈现所经过的时间 构建性能会影响开发效率。构建性能越高，开发过程中时间的浪费越少 传输性能 传输性能是指，打包后的JS代码传输到浏览器经过的时间 在优化传输性能时要考虑到： 总传输量：所有需要传输的JS文件的内容加起来，就是总传输量，重复代码越少，总传输量越少 文件数量：当访问页面时，需要传输的J

ES6模块化一、ES6模块化简介二、基本导入导出1.基本导出2.基本导入三、默认导入导出1.默认导出2.默认导入3.注意 一、ES6模块化简介 ECMA组织参考了众多社区模块化标准，终于在2015年，随着ES6发布了官方的模块化标准，后成为ES6模块化 ES6模块化具有以下的特点 使用依赖预声明的方式导入模块 依赖延迟声明 优点：某些时候可以提高效率 2. 缺点：无法在一开始确定模块依赖关系（比较模糊） 依赖预声明 优点：在一开始可以确定模块依赖关系 2. 缺点：某些时候效率较低 灵活

浏览器模块化一、浏览器端模块化的难题1.CommonJS的工作原理2.当浏览器遇到CommonJS3.新的规范4.AMD5.CMD 一、浏览器端模块化的难题 1.CommonJS的工作原理 当使用require(模块路径)导入一个模块时，node会做以下两件事情（不考虑模块缓存）： 通过模块路径找到本机文件，并读取文件内容 将文件中的代码放入到一个函数环境中执行，并将执行后module.exports的值作为require函数的返回结果 正是这两个步骤，使得CommonJS在node端可以良好的被支持

CommonJS一、CommonJS1.模块的导出2.模块的导入3.CommonJS规范4.nodejs对CommonJS的实现5.实例6.练习 一、CommonJS 在nodejs中，由于有且仅有一个入口文件（启动文件），而开发一个应用肯定会涉及到多个文件配合，因此，nodejs对模块化的需求比浏览器端要大的多 由于nodejs刚刚发布的时候，前端没有统一的、官方的模块化规范，因此，它选择使用社区提供的CommonJS作为模块化规范 在学习CommonJS之前，首先认识两个重要的概念：模块的导出和模块的

模块化一、JavaScript 模块化发展史1.第一阶段2.第二阶段3.第三阶段4.第四阶段 一、JavaScript 模块化发展史 1.第一阶段 在 JavaScript 语言刚刚诞生的时候，它仅仅用于实现页面中的一些小效果 那个时候，一个页面所用到的 JS 可能只有区区几百行的代码 在这种情况下，语言本身所存在的一些缺陷往往被大家有意的忽略，因为程序的规模实在太小，只要开发人员小心谨慎，往往不会造成什么问题 在这个阶段，也不存在专业的前端工程师，由于前端要做的事情实在太少，因此这一部分工作往往由后端工程