Common knowledge vulnerabilities in VUE practice 001
This article mainly summarizes how to solve some practical development problems in the actual development project of VUE. You may think it is simple, but...
Read More
Tag: babel
Read the Babel compiled decorator code
A decorator is a class-related syntax used to annotate or modify classes and class methods. Since the print function returns undefined, Foo is still Foo...
Read More
Webpack4.0 upgrade guide
This week's close look at some of the webpack4.0 changes and what typescript should do to take advantage of all of webpack4.0's features. Parcel has...
Read More
How to configure Babel?
When it comes to ES6, Webpack, packaging, and modularity, Babel is the most widely used js compiler. As we all know, JS is a host...
Read More
Chrome Team: How to curve to save KPI
Hi, I'm Casson. What's your first reaction when you talk about Chrome? The number one browser by market share? The famous V8? DevTools is standard...
Read More
Build your own front-end workflow with WebPack4
Webpack4 has been out for a while, and in my practice, I've found that many project configurations that work well under WebPack3 crash when upgraded...
Read More
Write a Babel plugin from scratch
This article from the overall introduction of Babel plug-in writing process, easy to have an overall understanding of Babel, by providing sample code for you...
Read More
Babel environment installation and application
Convert es6 syntax to a lower version file, easy for browser access 1: First create a workspace, the following build two example files,home and search...
Read More
Resolve Babel problem caused by NPM Link tripartite package
This article mainly introduces the Babel compilation problem encountered by the author when debugging the local package with NPM Link, and the related cause analysis.
Read More
【 Harvest of the Day 】 — The amazing Babel
What's a Babel? In the official Babel document, the syntax transformation of Babel is described as follows. JS source transformation adds missing features to the...
Read More
Learn 30 AST code substitution tips in one go
More tips will be added on the website. If you have any questions or new questions about the above cases, please write them in the...
Read More
Babel’s AST practice
Speaking of AST grammar, many front-end friends are not unfamiliar, but the real use is very few, this article simply summarizes my own learning and...
Read More
From Babel to AST
Babel's process: parse - transform - generate. For example, when we are reading a sentence, we also do participles, for example, "It's a beautiful day,"...
Read More
Babel part 1: Architecture and Principles + actual combat
Full of dry goods, not to be missed. Writing is not easy, but liking is the greatest encouragement. Babel Babel is a Plugin and...Introduction to Babel
What it does: Convert the ES6+ version of code to ES5 code so that it can run in both the current environment and the older...
Read More
Part 1 of the Translation packaging tool chain for the front end domain
The difference between compilation and translation, why the front-end needs translators, and what translators are available. Babel, typescript, terser, prettier, postCSS, SWC, etc. A comprehensive...
Read More
Tree-Shaking performance optimization practice – Practice
Tree -shaking WebPack2 release, announced support for tree-shaking, Webpack 3 release, support for scope improvement, generated smaller bundle files. Before we upgrade WebPack, we are...
Read More
Tree -shaking js code using Babel
In the actual development process, for various reasons, there are often some variables that are not really used after they are declared, resulting in some...
Read More
How to implement a Babel plugin that detects if a Render template has legacy merge conflicts
Last week, when the next project team went online, it was found that when the code was merged, it went online directly without handling the...
Read More
Abstract syntax tree AST with Compiler Compiler
The content of the super-tiny-compiler/super-tiny compiler is extracted from the super-tiny-compiler-cn. The meaning of the compiler is to read the super-tiny-compiler-cn first. Parsing converts the...
Read More
Webpack Loader source code translation, the React component package error boundary
React projects often encounter entire pages that suddenly go blank. This problem is most likely caused by an exception thrown by the component render method...
Read More
Give me a Babel and give you a full front toolchain
Build a complete toolchain based on Babel and complete Babel! Maybe you didn't realize how powerful Babel was.
Read More
Front-end engineering (8) : Write a Babel plug-in to solve a real project problem
Thanks to Babel's powerful translation capabilities, we no longer have to worry about project compatibility. But Babel isn't just a tool to help us deal...
Read More
Basic use of Babel
What's a Babel? After studying ES6, the code is developed based on modularity; I started to use import and export for module import and export,...
Read More
@babel/types Deep applications
Types is integrated into @babel/core, but it can also be installed separately. There are three main uses for @babel/ Types: Set of Types When you...
Read More
Go back to Babel 6 and 7 to predict Babel 8
Looking back at what the Babel 6 and 7 did along the way and what problems they solved, and looking ahead to the Babel 8,...
Read More
Teacher: Take this Babel cheat sheet to cheat
The most comprehensive and detailed introductory Babel cheat sheet ever. Babel7 provides a step-by-step introduction to optimal configuration, package resolution under Packages, and finally a...
Read More
Babel(3) : Presets for Babel
@babel/preset-env for compiling ES2015+ syntax @babel/preset-typescript for typescript.@babel /prese
Read More
Babel related libraries are used in Nodejs
To reduce the cost of copying and pasting, first locate the getApis function, then locate the {position of its return statement, and insert
Read More
The difference between Babel-Parser and Acorn
You know that Acorn is a JS parser and that babel-parser is also a JS parser, but what's the difference between the two? For one...
Read More