腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

禅林阆苑

www.csxiaoyao.com

专栏作者

99

文章

190608

阅读量

33

订阅数

使用 AST 实现 babel 插件编写

babel.js css 编程算法 webpack ecmascript

抽象语法树 (Abstract Syntax Tree) 是源代码语法结构的⼀种抽象表示，以树状描述编程语⾔的语法结构，每个节点表示源代码中的⼀种结构。AST常用于代码语法检查、⻛格检查、格式化、代码提示、混淆压缩、自动补全等，还可以用来优化代码结构，如 webpack 以及 CommonJS、AMD、CMD、UMD等代码规范之间的转化等。

2022-08-01

1.2K0

webpack 学习笔记系列08-HMR热更新

HMR - Hot Module Replacement，当 webpack 开启 HMR 功能后，代码修改时 webpack 会重新打包，并将修改后的代码发送到浏览器，浏览器替换老的代码，保证了页面状态不会丢失，在不刷新整个页面的前提下进行局部更新。

2021-06-27

1K0

webpack 学习笔记系列07-工作原理

webpack 的产出代码是根据不同配置，执行不同操作，拼接模板代码而成的，对于普通打包，webpack 的打包产物是一个立即执行函数表达式 (IIFE)，函数结构如下：

2021-06-27

1.1K0

webpack 学习笔记系列06-打包优化

可选值：async(默认) | initial | all(推荐)，针对下面的 a.js 和 b.js

2021-06-27

1.7K0

webpack 学习笔记系列05-devserver

webpack-dev-server 是一个小型的 express 服务器，它通过 express 的中间件 webpack-dev-middleware 和 webpack 进行交互。

2021-02-21

2.2K0

webpack 学习笔记系列04-资源处理优化

TypeScript 约定了 tsconfig.json 文件来存储项目配置，文档链接。

2021-02-21

1.7K0

webpack 学习笔记系列03-babel

babel.js node.js javascript webpack 打包

babel 是 JavaScript 的编译器，可以将最新 ES 语法的代码轻松转换成任意版本的 JavaScript 代码，其实现原理是先使用 Babylon 解释器将 JavaScript 语法解析成 AST，然后通过遍历处理这颗树实现代码转换。在 babel 中可以通过配置 browserslist 来针对不同的浏览器组合，生成不同的适配代码。

2021-01-01

1.6K0

【云+社区年度征文】webpack 学习笔记系列02-模块化开发

三大 JavaScript 主流模块规范：CommonJS、AMD 和 ES6 Module。CommonJS 和 AMD 都未统一浏览器和客户端的模块化规范。目前 Node.js 使用 CommonJS 作为官方的模块解决方案，虽然内置的模块方案促进了 Node.js 的流行，但是也为引入新的 ES Modules（ESM）标准造成了一定的阻碍，不过 Node.js 9.0+ 已经支持 ESM 语法。

2020-12-23

1.1K0

【云+社区年度征文】webpack 学习笔记系列01-基础命令与常见配置

webpack 命令可以在 package.json 中的 script 字段中添加命令，再使用 npm 执行：

2020-12-19

1.2K0

【技术创作101训练营】三种不同场景下 vue 组件动态加载的方法及实现

vue.js 打包 webpack javascript https

前端模块化开发模式已成主流，但随着前端项目规模的不断扩大，开发者可能会遇到以下一些问题：

2020-09-23

2.5K0

前端拾零01—checkbox&radio&select总结【原创】

前端拾零收录日常开发中一些很常见很基础的前端操作，省去每次google甚至答案错误的烦恼

2018-09-26

2.3K0

Vue2.5源码阅读笔记01—代码结构与初始化

rollup.js webpack javascript 打包 vue.js

Vue作为当下最流行的渐进式的js框架，其渐进式的思想、虚拟DOM的运用、组件化的开发模式、响应式数据侦听原理值得开发者进行探索学习，其中运用的代码组织的技巧，对平时的开发大有裨益。本系列笔记初步分为8个章节，记录本人源码的阅读过程。

2018-09-11

1.2K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态