07 2022 档案
摘要：plugin插件的原理 扩展webpack, 加入自定义的构建行为 webpack内部的钩子 hooks tap: 可以注册同步钩子和异步钩子 tapAsync: 回调方式注册异步钩子 tapPromise: promise方式注册异步钩子 Compiler构建对象, 保存着完整的webpack环境
阅读全文
摘要：loader的基本原理 帮助浏览器将不同类型的文件资源转化为浏览器可识别的资源 分类 前置loader: pre 普通loader: normal 内联loader': inline 后置loader：post 执行顺序: pre > normal > inline > post 相同优先级: 从右
阅读全文
摘要：webpack的基础用法2 webpack的优化方向 提升开发体验 提升打包构建速度 减少代码体积 优化代码运行性能 SourceMap 生成一个.map文件,形成一个映射, 可以通过错误找到源文件 开发模式: cheap-module-source-map 优点: 打包编译速度快, 值包含行映射
阅读全文
摘要：webpack的基本使用 webpack 本身功能有限: 开发模式: 仅能编译JS中的ES Module 语法 生产模式: 能编译ES Module 语法, 还能压缩JS代码 添加实例文件 npm init -y src/main.js // 引用下面export的函数 src/js/add.js
阅读全文
摘要：# vue双向数据绑定原理实现 ### 准备工作 新建一个index.js文件, 一个index.html文件 index.js文件中, 定义Vue类, 并将Vue并称全局变量 window.Vue = Vue index.html中引入index.js *index.js* ```
阅读全文
