- 博客(3)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 webpack拓展
webpack拓展 什么是loader？有什么用？ loader本质上就是一个函数，该函数接收webpack打包时读取的文件内容，经过函数内部处理后得到一个抽象语法树。比如important引入的文件、将typeScript转换成JavaScript语法。 主要功能：**转换代码，**对源代码进行解析，将各种浏览器不支持的语法进行转换（如less、sass）,兼容各大主流浏览器也是这一步 简化代码模拟 module.exports - function(sourceCode) {
2020-12-04 16:49:41
177
原创 二、webpack打包原理
webpack之打包原理分析 本篇主要讲解webpack打包过程中原理，详细分析打包过程发生了什么事儿，是怎样实现打包的。 webpack的编译过程 根据入口文件（默认是src目录下的index.js文件）读取项目所需的依赖文件，然后创建一个chunk 根据入口文件创建的chunk至少有两个属性，一个是name,一个是ID。 chunk的主要功能是------>根据文件配置、模块内容等生成资源文件 第一步：根据入口文件读取模块文件， 第二步：检查是否读取过该模块文件，没有就继续下一步， 第三步
2020-12-04 16:46:34
285
原创 一、webpack简述
webpack学习之简要概述 1.webpack需要解决的问题 前端工程开发时会遇到各种非业务问题 浏览器兼容性问题、浏览器端不支持npm下载的包，只支持ES6的标准 浏览器执行效率问题，如jS的请求数量 代码开发的模块化 浏览器运行时，会通过网络请求加载JS文件、CSS文件等各种依赖文件，所以文件大小越小越好，依赖越少越好 以上这些问题不仅重要，而且需要大量时间解决。构建工具的诞生就是为了解决这些问题，让开发人员专注于业务开发。 2.构建工具(webpack)的好处： 能够让开发人员专业于业务
2020-12-04 16:38:12
300
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人