babel

VUE的node包缓存很严重，问题及解决办法

以下是需要特别注意的几个包：VueCLI相关：@vue/cli-service和@vue/cli-plugin-babel的版本是4.4.6，这是一个相对较老的版本。
涔溪·2025-04-12 13:25

nextjs create-react-app 兼容ie11

针对没有兼容ie11的三方包，我们需要配置babel进行转换:a.nextjs提供了.bablerc.jshttps://
amazingbc·2025-04-10 10:54

红宝书第三十三讲：新手也能懂的转译工具指南：Babel vs TypeScript

红宝书第三十三讲：新手也能懂的转译工具指南：BabelvsTypeScript资料取自《JavaScript高级程序设计（第5版）》。
·2025-04-08 15:03

红宝书第三十三讲：新手也能懂的转译工具指南：Babel vs TypeScript

红宝书第三十三讲：新手也能懂的转译工具指南：BabelvsTypeScript资料取自《JavaScript高级程序设计（第5版）》。
·2025-04-08 11:25

ECMAScript介绍与历史版本

文章目录概览语法提案的流程部署进度转码器BabelTraceur历史版本概览ECMAScript可以为不同种类的宿主环境提供核心的脚本编程能力，因此核心的脚本语言是与任何特定的宿主环境分开进行规定的…标准委员会决定
Liu Weidong·2025-04-04 19:44

技术长期主义：用本分思维重构JavaScript逆向知识体系（一）Babel、AST、ES6+、ES5、浏览器环境、Node.js环境的关系和处理流程

以下是Babel、AST、ES6+、ES5、浏览器环境、Node.js环境的关系和流程的详细说明及图表：一、核心关系图表ES6+代码Babel:解析,转换,生成AST抽象语法树:语法树操作ES5代码:浏览器
朴拙数据交易猿·2025-04-02 21:42

前端国际化-插件模式

文章目录Webpack插件开发解析中文调用有道翻译API生成JSON语言文件React国际化实现Webpack插件开发创建i18n-webpack-plugin.js插件：在src目录下扫描所有文件使用babel-parser
神奇大叔·2025-03-31 19:09

如何使用Babel将ES6+代码转为ES5？

如何使用Babel将ES6+代码转为ES5？文章目录如何使用Babel将ES6+代码转为ES5？
几何心凉·2025-03-28 09:43

如何在Webpack中配置别名路径？

1.引言2.配置别名路径的基本原理3.如何配置别名路径3.1基本配置3.2结合Babel与TypeScript3.2.1Babel配置3.2.2TypeScript配置3.3适用场景与最佳实践4.调试与常见问题
几何心凉·2025-03-28 09:40

browserlist

Librarytosharesupportedbrowserslistbetweendifferentfront-endtools.ItisusedinAutoprefixer,Stylelint,eslint-plugin-compatandbabel-env-preset
_miccretti·2025-03-27 18:57

Babel 从入门到精通（四）：@babel/template的应用实例与最佳实践

前言在现代JavaScript开发中，Babel已经成为不可或缺的工具。它不仅帮助我们将现代JavaScript代码转换为兼容性更好的旧版JavaScript代码，还为我们提供了许多额外的功能和模块。
乐闻x·2025-03-27 18:56

Babel 从入门到精通（五）： @babel/traverse 提高代码转换效率

前言在现代JavaScript开发中，Babel是一个不可或缺的工具。它帮助我们把现代JavaScript代码转换成兼容性更好的旧版本代码，以便在各种浏览器环境中运行。
乐闻x·2025-03-27 18:56

前端模块化开发

文章目录一、模块化1、模块化简介1.1模块化产生的背景1.2模块化规范2、ES6模块化规范2.1导出模块2.2导入模块2.3运行程序3、使用Babel转码3.1安装3.2初始化项目3.3配置.babelrc3.4
加贝力口贝·2025-03-27 09:47

关于ES6/7的前端面试题及其解析

文章目录1.什么是Babel，它的主要功能是什么？2.`let`和`var`的区别是什么？3.如何定义箭头函数？它有哪些特点？4.解构赋值的作用以及如何实现数组解构和对象解构？
HappyAcmen·2025-03-26 19:03

babel 埋点插件

我们通常对babel的理解就是它可以帮助我们去处理兼容性，也就是有些JavaScript的新特性，可能我们想去使用，但对于某些浏览器来说还并未支持，此时我们就可以通过babel将我们的代码降级处理为浏览器兼容的执行版本
小猫儿·2025-03-24 11:31

用Babel操作AST实现JavaScript代码的自动化生成与转换

目录目录环境搭建代码：修改AST的逻辑重命名函数名重命名变量并修改变量值函数调用替换控制流扁平化还原删除未使用的变量对象属性简化条件表达式优化表达式还原环境搭建安装环境npminstall@babel/
·2025-03-21 16:12

使用CRACO自定义 Webpack 配置

默认情况下，CRA的Webpack配置是隐藏的，如果你需要修改Webpack，比如：✅CDN配置✅配置alias（路径别名）✅修改Less/Sass变量✅添加Babel插件✅优化Webpack构建（如SplitChunks
黄毛火烧雪下·2025-03-20 07:42

如何解决 Babel 转译失败的问题？

聚沙成塔·每天进步一点点本文回顾⭐专栏简介如何解决Babel转译失败的问题？
几何心凉·2025-03-16 19:37

从零到一：如何系统化封装并发布 React 组件库到 npm

npminstall--save-devwebpackwebpack-clibabel-loader@babel/core@babel/
冬冬小圆帽·2025-03-13 11:48

前端-webpack一些常用配置的作用

常用Loader及其作用Loader作用babel-loader将ES6+代码转换为ES5，兼容旧版浏览器。css-loader解析CSS文件，处理@import和url()等语法。
大嘴史努比·2025-03-13 10:41

es6常用总结

官方文档前言一些老版本浏览器对es6不识别，所以可以用babel去吧es6转化为es5，安装转化工具npminstall-gbabel-cli转化指定目录npxbabelsrc--out-dirlib或者可以在
shadouqi·2025-03-13 08:27

如何使用Webpack打包React项目？

文章目录1.引言2.环境搭建2.1初始化项目2.2安装依赖3.配置Webpack3.1关键配置说明4.Babel配置5.项目结构示例6.开发和生产环境优化6.1开发环境6.2生产环境7.调试和常见问题7.1
几何心凉·2025-03-11 04:17

Vscode编辑器：解读文件结构、插件的导入导出、常用快捷键&配置技巧及其常见问题的解决方案

一、文件与文件夹结构1.文件结构文件名作用.babelrc配置Babel编译选项，指定代码转译规则。.editorconfig定义项目代码格式规范，如缩进风格和空格数量等。.
我是苏苏·2025-03-10 00:24

Vue-vant的使用

可以快速搭建电商网站,一下是使用方法:第一步:通过npm安装npmivant-S第二步:安装babel插件npmibabel-plugin-import-D第三步:在babel.config.js文件中添加如下设置
MissXu666·2025-03-09 03:40

cocosCreator 和 Laya 的常用API与方法 ，多边形点击解决正方形重叠点击问题，emit，dispatchEvent，EventCustom

常用API引入：require/import导出：export/module.exports/exportsNodejs不支持import和exportes6兼容以上所有语法，当然需要webpack+babel
qq_42838904·2025-02-26 21:17

手写webpack中的loader、plugin以及babel转码的简单理解

loaderonstmyLoader=function(source){constresult=source.replace(/secondpage000111/g,"我被Loader替换了！！！！");returnresult;}module.exports=myLoader;//使用方法：在webpack.config.jsmodule:{rules:[{test:/\.js$/,//匹配所有
编码七号·2025-02-25 11:20

从零到一：构建现代 React 应用的完整指南

它会自动配置Webpack、Babel、ESLint等工具，让你专注于开发而不需要手动配置工具链。特点：零配置：CRA自动配置了常用的工具链，开发者无需手动配置Webpack、Babel等。
ox0080·2025-02-22 12:41

Vue 和 React 的异同点

React：组件本质是函数（函数组件）或类（类组件），JSX会被Babel编译为React.createElement调用。
秀秀_heo·2025-02-22 09:13

webpack5项目-编译打包常用资源模块loader配置

.编译打包less文件5.打包sass文件6.编译打包js文件排除不应参与转码的库7.打包vue文件三.总结1.npm命令2.webpack.config.js文件3.package.json文件4.babel.config.json
yaoyongcsdn·2025-02-22 04:58

解决webpack4 import 动态导入组件打包报错

解决webpack4import动态导入组件打包报错问题描述分析原因：解决方法1.安装babel-plugin-dynamic-import-webpack2.修改.babelrc文件或者webpack
fangcaojushi·2025-02-22 03:55

常用Webpack Loader汇总介绍

1.BabelLoader作用Babel是一个JavaScript编译器，Ba
懒羊羊我小弟·2025-02-22 03:55

Vue CLI项目创建指南：选择预设与包管理器（PNPM vs NPM）

Default([Vue2]babel,eslint)：这是一个默认的预设，它基于Vue2，并包含了Babel（用于将ES6+代码转换为向后兼容的J
瑞金彭于晏·2025-02-21 23:47

【react8】如何在网页中直接引入react进行demo开发

babel在线cdn链接地址https://unpkg.com/browse/@babel/standalone@7.26.9/unpkg在线cdn链接地址https://unpkg.com/项目工程代码实现
风清云淡_A·2025-02-18 20:47

webpack 项目优化（一）

rules:[{test:/\.js$/,exclude:/node_modules/,//排除第三方库include:path.resolve(__dirname,'src'),//限定处理范围use:'babel-loader
霹雳桃·2025-02-18 09:09

Vue.js 配置 Babel、Webpack 和 ESLint

Vue.js配置Babel、Webpack和ESLint今天我们来聊聊如何配置Babel、Webpack和ESLint，这三个工具在现代前端开发中扮演着重要角色。
轻口味·2025-02-16 11:25

支持ajax的移动webui,Vue移动端项目配合第三方ui库快速搭建开发环境

//copycnpminstall--savees6-promisecnpminstall--savebabel-polyfillcnpminstallfastclick-Scnpmilib-flexible-Scnpminstallpx2rem-loader-S-dcnpminstallvuex-Scnpminstallaxios
七月的流浪猫·2025-02-15 17:08

工作流程设计 php,php工程狮感知的前端工作流程

比如热门的：reactvuewebpackbabelgulpnode.jsnpmnvma
三符·2025-02-14 04:21

前端 TypeError 错误永久消失术

作者：来自vivo互联网大前端团队-SunMaobin通过开发Babel插件，打包时自动为代码添加可选链运算符(?.)，从而有效避免TypeError的发生。
·2025-02-13 21:22

webpack学习：配置es6+，react，typescript，eslint

typescript，eslint如果你都有了答案，可以忽略本文章，或去webpack学习导图寻找更多答案配置打包ES6+部分浏览器只认识es5的语法，如果要使用es6以上的语法，需要配置注意：在根目录新建.babelrc
大神乔伊·2025-02-12 23:11

在React中使用v-if语法(基于babel)

众所周知在React中并没有像Vue那么多的API，所有功能都要依托于原生JS去实现。这一篇我给大家分享两种封装v-if的方法v-for正在撸...敬请期待通过React来封装Condition组件简单封装了React组件。优点是可读性高；缺点是使用不方便importReact,{Component}from'react';importPropTypesfrom'prop-types';class
weixin_33739541·2025-02-12 01:34

使用webpack5实现简易的vue-cli脚手架功能

目录build/webpack.config.jsbabel.config.js.eslintrc.js、.eslintignorepackage.json主要涉及到对vue的支持以及elementui
没有技巧只有感情·2025-02-09 09:15

【前端】【面试】【知识点总结】react知识点大纲

React简介React的定义与核心概念（声明式、组件化、单向数据流）React的应用场景与优势React的发展历程与生态系统2.环境搭建使用CreateReactApp快速搭建项目手动配置Webpack、Babel
患得患失949·2025-02-08 03:37

推荐开源项目：@quickbaseoss/babel-plugin-styled-components-css-namespace

推荐开源项目：@quickbaseoss/babel-plugin-styled-components-css-namespacebabel-plugin-styled-components-css-namespaceAbabelplugintoaddcssnamespaces
芮奕滢Kirby·2025-02-08 03:34

React学习笔记

1.1、React的开发依赖开发React必须依赖三个库：react：包含react所必须的核心代码；react-dom：react渲染在不同平台所需要的核心代码；babel：将jsx转换成React代码的工具
26:28·2025-02-06 04:47

React Native第三方组件库汇总

/react-native-ui-lib9，ReactNativePaperReactNativePaper是一个跨平台的UI组件库，它遵循MaterialDesign指南，提供了全局主题支持和可选的babel
2401_85124812·2025-02-05 12:16

vuecli3 打包加载超慢_解决vue cli使用typescript后打包巨慢的问题

问题之前使用过ts-loader打包react项目，给我的感觉就是巨慢，开发环境下，每次保存后，需要等10秒钟左右才能构建完成，当时为了解决这个问题，把ts-loader替换成了babel的typescript
李day·2025-02-01 10:58

Python 项目国际化：使用 Babel 实现多语言支持

文章目录如何使用Babel实现Python项目国际化1.安装Babel2.设置项目目录结构3.标记可翻译的文本4.提取可翻译的文本生成文件——生成pot文件4.1有配置文件方式（使用`babel.cfg
衫水·2025-01-29 08:00

Serverless Plugin Optimize 使用指南

ServerlessPluginOptimize使用指南serverless-plugin-optimize⛔️DEPRECATED⛔️BundlewithBrowserify,transpileandminifywithBabelautomaticallytoyourNodeJSruntimecompatibleJavaScript
舒林艾Natalie·2025-01-26 03:51

项目推荐：Serverless优化插件 —— 提升您的云函数性能与效率

优化插件——提升您的云函数性能与效率serverless-plugin-optimize⛔️DEPRECATED⛔️BundlewithBrowserify,transpileandminifywithBabelautomaticallytoyourNodeJSruntimecompatibleJavaScript
井队湛Heath·2025-01-26 03:21

vite构建项目中的swc是什么

在Vite项目中，swc是一种高性能的编译器，用于替代传统的JavaScript编译工具，如Babel。
光影少年·2025-01-26 02:41
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他