首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
工程化
人间无事人
创建于2022-03-02
订阅专栏
webpack、babel、vite、rollup等工程化配置
暂无订阅
共10篇文章
创建于2022-03-02
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Babel的内置功能(上)
babel最开始的名字叫做6to5,主要是做es6到es5语法的转换和polyfill,后来在4.0版本时改成了babel。虽然从6to5改名到了babel,但是做的事情却没有变化,依然是将高版本的j
Babel插件和preset
前面的章节学习了babel的编译流程,也深入了原理,知道了怎么用babel的api来完成一些代码转换功能,但平时我们很少单独使用babel的api,更多的是封装成插件,插件可以上传到npm来复用。 这
Generator 和 SourceMap的奥秘
AST转换完之后就到了generate阶段,这个阶段的作用是生成目标代码和sourcemap的,它们是怎么生成的?sourcemap有啥作用? 本节来探索下generate的奥秘。 generate
traverse的path、scope、visitor
源码parse成AST之后,需要进行AST的遍历和增删改(`transform`)。那么transform的流程是什么样的? babel会递归遍历AST,遍历过程中处理到不同的`AST`会调用不同的`
Babel实战:插入函数调用参数
学可babel的编译流程、AST、API之后,来做一个简单的项目练习一下。 需求描述 在代码中的写console的时候,自动将文件名和行列号插入到打印的日志中,方便定位到代码。就是将下面的代码: 转化
Babel的API
Babel的API有哪些? babel的编译流程分三步:parse、transform、generate,每一步都暴露了一些api出来。 parse阶段有@babel/parser,功能是把源码转成A
Babel 的 AST
babel编译的第一步是把源码parse成抽象语法树AST(Abstract Syntax Tree),后续对这个AST进行转换,且后续的整个编译流程都是围绕AST来进行的,我们先来熟悉下AST。 常
Babel初识
1.babel由来 babel原名6to5,即es6转es5,在那个浏览器还不能完全支持es6的年代,需要将es5+的代码都转换成es5,这样才能使浏览器可以正常解析运行源码。后来随着js标准的不断发
【webpack】详解webpack入口(entry)、出口(output)、mode
前言 这次学习的是webpack基本配置中的三个,entry(入口)、output(出口)、mode(模式)。我会尽量介绍这三个配置的用法以及一些不常用的配置。 首先package.json文件sc
【webpack】webpack入门
主要简单的介绍了下webpak以及实现了一个丐版的webpack配置,详细的内容我后面会继续写,后面的内容大概就是实现一个可以正常打包的webpack配置以及各个模块的教程