babel 第4页

webpack打包后引用cdn的js_webpack入门

gruntHMRelectron-vue项目中的webpack工程实例从electron-vue项目中的实际使用例子来入手如下是webpack.renderer.config.js文件'usestrict'process.env.BABEL_ENV

weixin_39662263·2024-01-20 02:56

vue项目编译非常慢，经常卡在某个百分点

1、注册插件2、在项目根目录下的babel.config.js文件中加入下方配置3、将import导入方式改为require导入方式，返回promise4、如果动态加载组件import引入组件找不到组件

Tongfront·2024-01-19 23:47

V8执行机制

V8执行机制，能帮助你从底层了解JavaScript，也能帮助你深入理解语言转换器Babel、语法检查工具ESLint、前端框架Vue和React的一些底层实现机制。

9月的甜橙子·2024-01-19 21:19

Vue支持JSX语法

Vue中的渲染函数可以支持JSX语法，但需要进行如下配置更多精彩更多技术博客，请移步asing1elife'sblog官网渲染函数&JSX—Vue.js为项目添加依赖首先需要引入babel-plugin-transform-vue-jsx

asing1elife·2024-01-19 17:39

【Vue】路由学习中遇到的BUG

reading'self')问题描述：原因分析：解决方案：二、error'XXX'isnotdefinedno-undef问题描述:原因分析：解决方案：三、Error:Cannotfindmodule'babel-preset-es2015

Hnhyyyy·2024-01-19 06:51

webpack多进程打包

webpack多进程打包Theadwebpack对于js文件处理主要就是eslint、babel、Terser这三个工具webpack.jsconstos=require('os')//nodejs核心模块可以直接使用

小菜鸟学代码···2024-01-19 04:54

thread-loader多进程打包+enternals忽略打包+dll动态链接

当js代码用babel处理兼容性且本身代码就比较多的情况下可以使用thread-loader开启多线程打包thread-loader本身启动进程就需要耗费时间,所以当js代码不多时就不要开启,否则还可能会延长打包时间

前端攻城fff·2024-01-19 04:53

【webpack5修行之道】第15篇：性能优化-多进程打包

如果使用不当，那么编译速度反而会增加因为thread-loader多线程开启过程需要耗费时间大概为600ms，多线程之间的通信也会消耗时间一般我们项目中是js编译的时候比较慢，所以多进程打包一般也是和babel-loader

jay_mw·2024-01-19 04:23

RN - 新创建的工程报错 Module @babel/runtime/helpers/interopRequireDefault does not exist in the Haste mod...

https://github.com/facebook/react-native/issues/21310EnvironmentReactNativeEnvironmentInfo:System:OS:macOSHighSierra10.13.6CPU:x64Intel(R)Core(TM)[email protected]:408.65MB/8.00GBShell:3.2.57-

iOS_杨平·2024-01-18 23:46

兼容IE浏览器

解决兼容ie,需要用到babel,用babel来进行es6的转换,以及一些api的模拟.配置babel有两种方式:(一)babel.config.js方式main.jsimport"url-search-params-polyfill

前端李十三·2024-01-18 22:51

关于babel-plugin-import的问题

问题：在ts环境中，babel-plugin-import如何在webpack里面配置按需加载css的功能呢？官方文档给出两种方法关于如何按需加载。

redoboy·2024-01-18 21:08

安装脚手架Vue CLI详解！！！

可以帮助我们快速创建一个开发Vue项目的标准化基础架子【集成了webpack配置】安装脚手架好处：开箱即用，零配置；内置babel等工具；标准化安装步骤：建议：先在电脑安装node.js-->查看自己的

Crastal_qwq·2024-01-18 19:07

Vue脚手架

目录1.在项目文件中创建脚手架2.Vue脚手架结构分析1..gitignore文件2.babel.config.js文件3.package.json项目依赖文件4.package-lock.json包版本控制文件

前端小草籽·2024-01-18 09:07

No Babel config file detected for D:\\web\\project\\05-vue\\vue_demo\\src\\components\\test.vue.

project/05-vue/vue_demo/src/components/test.vue","owner":"eslint","severity":8,"message":"Parsingerror:NoBabelconfigfiledetectedforD

煸橙干儿~~·2024-01-17 19:58

【已解决】[nodemon] restarting due to changes

泡泡码客·2024-01-17 12:55

手写webpack核心原理，支持typescript的编译和循环依赖问题的解决

主要知识点babel读取代码的import语句算法：bfs遍历依赖图为浏览器定义一个require函数的polyfill算法：用记忆化搜索解决require函数的循环依赖问题QuickStartGitHub

陈皮太·2024-01-17 07:42

VueCli-自定义创建项目

Pleasepickapreset:Default([Vue3]babel,eslint)Default([Vue2]babel,eslint)>Manuallyselectfeatures选自定义手动选择功

盖盖衍上·2024-01-16 10:31

react 学习笔记

helloreact//2、渲染虚拟dom到页面ReactDOM.render(VDOM,document.getElementById("test"))二、虚拟dom的两种创建方式法一：js(不需要引入babel.min.js

hsdjhaiwhdnjw·2024-01-15 23:33

yarn install 报错An unexpected error occurred: "https://registry.yarnpkg.com/@babel/plugin-transfor...

vuecli3项目yarninstall报错Anunexpectederroroccurred:"https://registry.yarnpkg.com/@babel/plugin-transform-block

Eudemonia_C·2024-01-15 03:02

错误解决：These dependencies were not found: core-js/modules/es.array.push.js

/node_modules/@babel/runtime/helpers/objectSpread2.js,./node_modules/cache-loader/dist/cjs.js??

汪小敏同学·2024-01-14 13:48

UI库的按需加载（vue的问题）

这里以vant的按需加载为例，演示vue中ui库怎样进行按需加载：安装：cnpmivant-S安装babel-plugin-import插件使其按需加载：cnpmibabel-plugin-import-D

泡芙·草莓·2024-01-14 08:28

webpack命令

webpack,npminstsall-gwebpack4、安装依赖项，npminstall--save-devwebpack5、npminstallwebpack-cli-D6、npminstall@babel

尤樊容·2024-01-14 06:25

使用Webpack和Babel编译javaScript代码

ECMAScriptECMAScript是一个由TC39委员会发布的标准，JavaScript是对ECMAScript标准的一个实现子集，可以理解为JavaScript=ECMAScript+宿主API（浏览器的Dom+BomAPI或者node的API）。ECMAScript标准从第三个版本也就是ES3到ES6（也称为ECMAScript2015）时隔六年，ES6给JavaScript带来革命性的

没有感情的搬运工·2024-01-14 05:34

es6

Bable1.Babel的配置文件是.babelrc，存放在项目的根目录下。使用Babel的第一步，就是配置这个文件。2.Babel提供babel-cli工具，用于命令行转码。

Shinemax·2024-01-14 00:13

vue2源码解析之第一步（对数据进行劫持）

###环境搭建第一步创建项目：npminit-y第二步安装对应的插件：npmirolluprollup-plugin-babel@babel/core@babel/preset-env--save-dev

h960822·2024-01-13 17:47

使用ChatGPT编写一个babel插件，优化不同环境下生成的代码

之前一直想做一个简单的项目源码优化的小工具，可惜一直拖着。最近突发奇想能不能使用ChatGPT来协助。以下为我花了两个小时做的一个小插件。（项目中90%的代码是由ChatGPT生成的）因为key好贵，所以我都是使用bing中免费的次数来生成。项目地址：https://github.com/schizobulia/optimizer-codeoptimizerPluginoptimizerPlugi

D_I_D·2024-01-13 15:57

AST使用eval运行函数，更换数值

参考代码如下：constfs=require('fs');//js转AST代码constparser=require('@babel/parser');//遍历ASR节点consttraverse=require

范之度·2024-01-13 09:33

vant-ui 按需引入

1.当我们在项目中使用vant的时候，首先安装vant-ui插件分别是：先安装vant-ui，再安装按需引入的插件安装vant-uinpmivant--save安装按需引入的插件npmibabel-plugin-import-D2

Falling snow·2024-01-13 05:14

使用webpack-stream

由于gulpbabel解析的async不能直接用，是有require的，还需要再转一下刚好又知道了有webpack-stream这个gulp的插件故就直接用这个来编译jsnpminstallbabel-loaderbabel-corebabel-preset-env

YellowPoint·2024-01-13 03:41

React入门（三）：常用的JSX

JSX会被Babel编译为JS，且在编译过程中就能够发现错误，所以安全性较高，能够防范部分XSS等攻击手段。JSX的执行速度很快，因为它在编译为JS代码后进行了优化。

贪玩的木木·2024-01-12 13:59

几种处理JavaScript异步操作的办法

但是为了体积和兼容性，不打算引入任何的pollyfill，甚至连babel也不允许使用，这也意味着只能以es5的方式去处理。使用回调的方式对于解耦非常不利，于是找了别的方法去处理这个问题。问题

强哥科技兴·2024-01-12 12:50

npm run dev 报错解决

npmrundev报错,提示如下代码：16%buildingmodules52/71modules19{parser:"babylon"}isdeprecated;wenowtreatitas{parser:"babel

zsanpang·2024-01-12 10:11

快速创建@vue/cli脚手架

➜可以0配置webpack；babel支持；css、less支持；开发服务器支持；►那接下来我们来讲讲脚手架是如何安装的：➜目标:把@vue/cli模块包按到全局,电脑拥有vue命令,才能创建脚手架工程步骤一

陈小谷谷·2024-01-12 07:15

vuecli4的vant.js按需引入的方式(五步)

npmivant-Snpmibabel-plugin-import第一步:src目录下面新建:utils文件夹,文件夹下新建vant.jsnpmivant-S第二步:vant.js里面写:importVuefrom'vue

靳净灵·2024-01-11 07:25

vue element plus 安装

如果您确实需要支持旧版本的浏览器，请自行添加Babel和相应的Polyfill。由于Vue3不再支持IE11，ElementPlus也不再支持IE浏览器。

破浪前进·2024-01-10 18:01

前端学习专栏

TypeScript教程TypeScript教程ES6ES6Node.jsNode.jsnpm包管理工具npm包管理工具Yarn包管理工具Yarn包管理工具Webpack前端打包工具Webpack前端打包工具BabelBabelCSS

weixin_51551879·2024-01-09 22:34

开发React应用的多语言支持最佳实践

支持babel插件自动导入t翻译函数。支持nodejs、浏览器(vue/react/solid)等、ReactNative等任意JS场景采用工具链与

stonefisher·2024-01-09 20:53

Vue应用多语言支持工程化最佳实践

支持babel插件自动导入t翻译函数。支持nodejs、浏览器(vue/react/solid)等、ReactNative等任意JS场景采用工具链与

stonefisher·2024-01-09 20:17

如何在 Umi /Umi 4.0 中配置自动删除 console.log 语句？

背景，开发时需要console.log日志，再生产、uat、sit不想看到日志打印信息方案1、代码规范eslint校验"no-console":true,//console.log方案2、bable插件babel-plugin-transform-remove-console

Jim-zf·2024-01-09 19:47

【HarmonyOS4.0】第一篇-TS中的装饰器

这是ES7的一个提案，目前Babel转码器已经支持。在不改变原对象的基础上，为对象动态地

无处安放的波澜·2024-01-09 19:52

React-项目构建与组件详解

React脚手架（create-react-app）意义：脚手架是官方提供，零配置，无需手动配置繁琐的工具即可使用充分利用Webpack，Babel，ESLint等工具辅助项目开发关注业务，而不是工具配置

秃头请走开·2024-01-09 10:12

vue项目在IE浏览器打不开问题

安装babel-polyfill1.npminstall--savebabel-polyfill2.man.js引入import'babel-polyfill'3.index.html添加4.build

别人都叫我小志·2024-01-09 06:20

htpp://bangbang.58.com/pc.html,package-lock.json

{"name":"admin","version":"4.0.1","lockfileVersion":1,"requires":true,"dependencies":{"@babel/code-frame

Lucy-Fintech社区·2024-01-08 21:29

React - 项目中使用jsx语法

但是我们需要用babel来编译，实际上这种jsx语法最后会经过webpack,babel编译成React.createElement来创建虚拟DOM步骤:安装babel包babel-loader：使用Ba

辻子路·2024-01-08 11:02

ant 使用安装按需加载

importAntdfrom'ant-design-vue';import'ant-design-vue/dist/antd.css';.use(Antd)这样就ok了使用的时候就是正常复制文档代码使用按需引用:#安装babel-plugin-import

Sengoku_Xingzi·2024-01-08 04:16

/node_modules/@babel/runtime/helper...

/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.jsToinstallit,youcanrun:npminstall-

coding_summer·2024-01-07 22:19

rn start

tsconfigaliassettinghttps://medium.com/@ruan.azevedo/typescript-path-alias-in-react-native-expo-without-babel-plugin-module-reso

Jack おう·2024-01-07 18:21

Vue CLI初识

【集成了webpack配置】好处开箱即用，零配置内置babel等工具标准化的webpack配置使用步骤全局安装（只需安装一次即可）yarnglobaladd@vue/cli或者npmi@vue/cli-g

duration～·2024-01-07 18:12

React基础应用及常用代码

目录基础知识babel.config.jsjs,html,css,Vue,react,angular,nodejs,webpack,less,ES6,commonjs等的关系ECMAScript6（ES6

HELLO XF·2024-01-07 00:19

webpack 工程实践化总结之常用 loader 和 plugin 总结

一、常用loaderJavaScript相关，如下所示：babel-loader：把ES6转换成ES5；script-loader：可以将指定的模块JavaScript文件转成纯字符串通过eval方式执行

城南花开ze·2024-01-06 18:11

推荐频道

babel