1. Introduction 1. What is NPM NPM, the full name of Node Package Manager, is a Node.js package management tool. It is the world’s largest module ecosystem. All modules in it are open source and free. It is also a Node.js package management tool, equivalent to Maven on the front end. 2. Installation location of […]
Tag: babel
Project configuration vue.config jsconfig babel.config .prettierc .env .eslintrc
.env In the front-end development process of a product, generally speaking, it will go through local development, test scripts, development self-test, test environment, and pre-launch environment before it can be officially released. There may be differences for each environment, such as server address, interface address, websorket address… etc. When switching between environments, different configuration parameters […]
babel usage and configuration
1. What is babel Babel is a JavaScript compiler Babel is a toolchain primarily used to convert code written in ECMAScript 2015+ syntax into backward-compatible JavaScript syntax so that it can run in current and older browsers or other environments. Listed below is what Babel can do for you: Grammar conversion Add missing features in […]
Big front-end automated factory (3)–babel
1. About babel babel is a compiler for ES6 + syntax. The official website is: www.babeljs.io. It is used to convert syntax and features that are not recognized by older browsers into ES5 syntax, so that the code can be applied to more environments. . The initial babel was very convenient to use and could […]
Talk about babel’s preset-env
Introduction Everyone knows that babel is an essential tool for front-end development. If babel is missing, many web projects may not be able to run in the browser. Making good use of babel is not only beneficial to the performance optimization of web front-end projects but also to the accumulation of new technologies in peacetime. […]
[Vue] Parsing error: No Babel config file detected for … vue
Report an error Parsing error: No Babel config file detected for E:\Study\Vue website\Implement tamper-proof watermark\demo02\src\App.vue. Either disable config file checking with requireConfigFile: false, or configure Babel so that it can find the config files. ?eslint Background Development environment: Windows Development IDE: Visual Studio Code version 1.76.0 Development project: Vue3 – v3.2.13 Project folder: E:\Study\Vue website\Tamperproof […]
Webpack packs images (asset module type); Webpack packs JS (babel); Webpack packs vue code; resolve module analysis (extensions and aliases)
Table of Contents 1_Webpack package image 1.1_Introduction 1.2_ Know asset module type 1.3_ The output path and file name of the custom file 1.4 Limit effect of url-loader 2_Webpack packaging JS 2.1_Why do you need babel? 2.2_Babel command line use 2.3_Use of plug-ins 2.4_Babel’s preset preset 2.5_babel-loader 2.6_babel-preset 3_webpack packs vue code 3.1_Write a vue […]
Babel is compatible with lower version browsers
Article directory 1. Construction of webpack project 2. Use the babel command line 3. Babel’s presets and compiler process 4. Configuration in babel project 4.1 Use of babel-loader and plugins 4.2 Use of `babel-preset` 5. Browser Compatibility Use 5.1 browserslist tools and writing rules 5.2 browserslist configuration 5.3 Optimizing babel configuration files 6. `polyfill` 6.1 […]
Best Practices for T-SQL Code Development Based on Babelfish Part 2 – Syntax and Debugging and SQL Optimization
This article is the second in the series “Best Practices for T-SQL Code Development Based on Babelfish”. In the previous article, we introduced the development of T-SQL code based on Babelfish, for Guidance and best practices related to object attributes and interoperability. In this article, we will introduce some other development points and best practices. […]
ts compilation plus compatibility conversion in webpack: swc vs. babel+tsc, with sample code
The sample code gitee link is in the comment area, and the end of the article is the webpack configuration in three ways Here tsc refers to the use of typescript dependencies to compile ts into js. In addition, reading this article requires the foundation of ts and babel. You can click to learn about […]