关注「Vite」底层实现的同学，我想应该清楚它使用「esbuild」来实现对 .ts、jsx、.js 代码的转化。当然，在「Vite」之前更早使用「esbuild」的就是「Snowpack」。不过，相比较「Vite」拥有的巨大社区，显然「Snowpack」的关注度较小。 「Vi…

访问 https://ikuokuo.github.io/start-vue3/ 体验在线演示。

在刚开始使用babel的时候，相信很多同学应该和我一样，对于babel的使用配置一知半解，babel相关的包@babel/core，@babel/cli，babel-loader，@babel/polyfill，@babel/plugin-transform-runtime，@…

鉴于浏览器目前尚不能按照“原样”解析 JavaScript 源码，所以打包这一步必不可少。将源代码编译成浏览器可以理解的形式，这是打包工具（例如 Browserify，Rollup 或者 webpack）存在的原因。 为了深入探讨这个话题，我们正在采访 Rollup 的作者 R…

babel的过程：解析——转换——生成。 比如我们在读一句话的时候，我们也会做分词操作，比如：“今天天气真好”，我们会把他切割成“今天”，“天气”，“真好”。 那换成js的解析器呢,我们看一下下面一个语句console.log(1);,js会看成console,.,log,(,…

自从使用了 es6 的模块系统后，各种地方愉快地使用 import export default，但也会在老项目中看到使用commonjs规范的 require module.exports。甚至有时候也会常常看到两者互用的场景。使用没有问题，但其中的关联与区别不得其解，使用起…

所有的内容之后会陆续放出，如果你有任何想要了解的内容或者有任何疑问，关注公众号【前端瓶子君】回复【123】添加好友，我会解答你的疑问。 作为一个前端开发人员，我们花费大量的时间去处理 webpack、gulp 等打包工具，将高级 JavaScript 项目打包成更复杂、更难以解…

原文地址：Webpack and Rollup: the same but different 原文作者：Rich Harris 译文出自：掘金翻译计划 译者：lsvih 校对者：avocadowang,Aladdin-ADD 同中有异的 Webpack 与 Rollup 本周…

在掘金上看见了面试官: 你了解过Babel吗？写过Babel插件吗? 答: 没有。卒，正巧自己对Babel工作原理和Babel插件开发也不够了解，赶紧来补一波吧。 首先我们这里需要了解一些基本的概念，这篇文章介绍的很详细，我这边只提一下。 Babel 是 JavaScript …