npm包@babel/core、@babel/preset-env中的@是什么意思

最新推荐文章于 2024-04-27 17:28:37 发布
最新推荐文章于 2024-04-27 17:28:37 发布
阅读量2.6k 收藏 2
点赞数 1
分类专栏： JavaScript babel Node.js 文章标签： babel JavaScript 前端 npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29923881/article/details/98476111
版权
JavaScript 同时被 3 个专栏收录
24 篇文章 2 订阅
订阅专栏
Node.js
6 篇文章 0 订阅
订阅专栏
babel
2 篇文章 0 订阅
订阅专栏

看下官方文档：

在这里插入图片描述
这个@babel是私有包的表示方法（私有又分公开私有和私密私有，私密私有是要收费的）
翻译过来就是 @后面接的是个scope 一个作用区域，也可以是说这个包的归属者，防止包名称被提前占用，比如防止以前 babel-core 这个包名可能被人提前占用了，而babel官方还想使用那就可以把包放在自己的作用区域下，@组织名（babel）/属于该组织的包名（core）

印第安米饭
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于 webpack 通过 npm 配置 Babel 的异常问题的解决方式 npm install babel-loader@8
weixin_44732337的博客
11-04 1469
我这个菜鸟也遇到了，刚学，webpack 太t/m坑了，要安装和配置跟天书一样。 以下是我对 Babel 通过 npm 配置 在 webpack 的经历。已经解决了出错的问题，希望能够给大家参考。 1，配置的过程中，我认为 版本号不同 会导致配置失败，也就是可能以后版本更新了，本方式也失效。我是看别人的视频 跟着操作也出错，????的。 2，虽然看不太懂这些出错的意思（可以Google），不过 不断地给...
Babel 之 @babel/preset-env
问卿何如的博客
07-28 8032
Babel 已经成为前端工程化开发的必备工具链。自 Babel 7.0 以后，Babel 进一步对工具优化和插件统一管理，全面迁移到 @babel 中。@babel/preset-env 是十分常用的一组预先设定的插件，今天就来简单聊聊这个插件 @babel/preset-env 这是一个智能预设，它允许你使用最新的 JavaScript 语法，而无需对目标环境需要哪些语法转换进行管理。 npm install @babel/core @babel/preset-env -D @babel/pr.
npm包前的@ 是什么意思
m0_37613019的博客
08-11 1万+
npm包前的@是什么意思 简要说明 带有npm的包表示该包是范围包。如果有一个包是@test/myPlugs那么你可以发布一个@my/myPlugs。如果是无范围的包，且存在一个myPlugs的包，你发布的包名就不能是myPlugs了。 关于范围 注意：您必须使用npm 2或更高版本才能使用作用域。要升级到最新版本的npm，请在命令行上运行npm install npm@latest -g 注册npm用户帐户或创建组织时，系统会授予与您的用户或组织名称匹配的范围。您可以将此作用域用作相关程序包的命名
前端系列-3 前端打包工具和插件介绍(npm+babel+webpack)
最新发布
Sheng_Q的博客
04-27 1499
JS不断发展，浏览器的适配速度没有跟上，引入了一个问题：用高级(ES6+)的JS语法开发的代码，无法在支持低版本(ES5)JS语法的浏览器上运行。babel作为转译工具，可以实现将ES6转译为ES5，为该问题提供了一个解决方案。label常被集成到webpack中进行打包；随着vue3的出现, vite+esbuild的占有率相比webpack+babel更高。
babel 使用npm安装使用
业余前端的职业经历
01-22 4305
虽然现在es6已经很完善了，但也仅仅限于一些高级浏览器 如:谷歌 ,火狐,ie11等等 babel 可以实现高版本js往低版本转换 使用方式 有俩种 1.使用cdn方式 引入 <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> 使用的时候 <script t...
npm—babel-plugin-syntax-dynamic-import(插件语法动态导入)
热门推荐
m0_37616866的博客
01-02 2万+
参考文档 https://babeljs.io/docs/en/babel-plugin-syntax-dynamic-import/ https://babeljs.io/docs/en/configuration 1. 安装 npm install --save-dev @babel/plugin-syntax-dynamic-import --save-dev 表示开发时...
关于npm全局安装@babel/core，找不到包，解决
qq_42748190的博客
07-02 5513
正常流程如下： npm install -g@babel/core const parser = require("@babel/parser"); 一切看似没啥问题，但是偏偏找不到。 测试安装其他包，例如： npm install -g express const express= require("express");可以找到 但是在本地安装@babel/core，导入却没问题。 归根结底发现，全局安装@babel/core和本地安装@babel/core是有区别的。 我的电脑如下..
babel-preset-env：PSA：此仓库已移至babelbabel->
02-03
npm install babel-preset-env --save-dev 如果没有任何配置选项，则babel-preset-env的行为与babel-preset-latest完全相同（或babel-preset-es2015，babel-preset-es2016和babel-preset-es2017在一起）。...
@babel中使node.js可以支持ES6，jsx语法（create-react-app中配置）
01-20
首先，我们看到在`package.json`的`dependencies`部分，列举了几个关键的Babel包，包括`@babel/cli`、`@babel/core`、`@babel/node`以及`@babel/preset-env`。这些是Babel的核心组件： - `@babel/cli`：这是Babel的...
前端开源库-babel-preset-pob-env
08-30
要使用`babel-preset-pob-env`，你需要首先在项目中安装它，可以通过npm或yarn进行： ```bash npm install --save-dev babel-preset-pob-env # 或者 yarn add --dev babel-preset-pob-env ``` 然后，在`.babelrc`...
babel-plugin-transform-vue-jsx:vue 2.0 jsx的babel插件
05-02
babel-plugin-transform-vue-jsx Vue 2.0 JSX的Babel插件 Babel相容性说明 如果使用Babel 7，请使用4.x ... babel-preset-env\ --save-dev 在您的.babelrc ： { " presets " : [ " env " ], " plugin
babel安装
origin4316的博客
03-22 118
nodejs安装 安装node 创建一个默认的工程 创建目录: babel 打开命令行进入项目根目录，输入 npm init -y 创建一个默认的工程 文件路径不能有中文，如果有中文会提示安装失败 正确后显示 安装babel npm i @babel/core @babel/cli @babel/preset-env npm i @babel/polyfill 添加脚本 “build”:“babel src -d dest” 添加配置 { "presets": [ "@babel/prese
webpack中babel的安装及配置
grand_brol的博客
07-25 914
为什么要使用babel 虽然webpack可以打包js文件，但是一些高级语法是无法识别的，因此需要使用第三方工具babel-loader,高级js语言变成低级语言 babel的安装及配置 安装 npm install -D babel-loader @babel/core @babel/preset-env webpack npm i @babel/plugin-proposal-class-properties -D 配置 { test: /\.m?js$/, use: 'babel-loader'
Babel 配置基础用法
、子筱的博客
12-29 4288
Babel转码器 babel是一个广泛使用的ES6转码器，可以将ES6代码转换为ES5代码，从而在老版本浏览器执行。 初始化项目 命令行 生成package.json文件 npm init @babel/core 这个包主要是对代码进行转换的核心方法 npm install --save-dev @babel/core @babel/cli这个是内置的cli，可以让我们从命令行来编译我们的文件 npm install --save-dev @babel/cli @babel/preset-env，最新
Babel的深度解析
weixin_47342624的博客
04-16 348
以上只是是我在学习coderwhy老师的webpack课程中对Babel的简单理解和记录，想要了解更多关于webpack的配置分析及原理，可以去看coderwhy老师的课程。开发中，我们想要使用ES6+的语法，想要使用TypeScript，开发React项目，它们都是离不开Babel的；babel做到将我们的一段代码（ES6、TypeScript、React）转成另外一段代码（ES5）的原理。Babel编译器的作用就是将我们的源代码，转换成浏览器可以直接识别的另外一段源代码；
webpack中babel的配置
qq_39239110的博客
05-27 945
Babel的作用 在webpack中默认只能处理一部分ES6的新语法，一些更高级的ES6语法或者Es7语法，webpack是处理不了的；这个时候就需要借助第三方的loader帮助webpack处理这些高级的语法，当第三方loader把高级语法转为低级语法之后，会把结果交给webpack去打包到bundle.js中，通过Babel,可以帮助我们将高级的语法转换为低级的语法 Babel的安装及配置： ...
babel源码解析之（@babel/preset-env）
vv_bug
06-30 4914
前言 还记得之前写过一篇文章:babel源码解析一,里面把babel的整个流程跑了一遍，最后还自定义了一个插件用来转换“尖头函数”，通过前面的源码解析我们知道，preset其实就是一些插件的集合，这一节我们来介绍一个babel中比较重要的preset“@babel/preset-env”，可能有些小伙伴已经用过了，没用过的话至少也应该见过，废话不多说，我们直接盘它。 开始 我们从项目创建开始，首先我们创建一个叫babel-demo的项目用来测试babel，然后执行npm初始化 npm init 然后我们
babel 的配置和使用
JIANLI0123的博客
11-11 292
第一步 安装 babel 核心包和命令行工具 npm install @babel/core // babel 核心 npm install @babel/cli // babel 命令行工具 第二步 安装 babel 的预置配置和语法插件 npm install @babel/preset-env // Es6+ 语法 npm install @babel/preset-react...
npm 包为什么以 @ 符号为前缀
Sun_blog
06-27 608
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第28天，点击查看活动详情 前言 本文主要记录了日常学习中的一个小疑问：npm 包为什么以 @ 符号为前缀。 @前缀是什么意思？ @前缀表示该软件包是范围包，类似于相对路径那样。 @前缀表示这个包是一个相对空间下的一个软件包。 例如：如果现在有一个包叫myPlugs，而你恰好也想上传一个包。如果是范围...
npm ERR! While resolving: mwebpack@1.0.0 npm ERR! Found: @babel/core@8.0.0-alpha.0 npm ERR! node_modules/@babel/core npm ERR! dev @babel/core@"*" from the root project npm ERR! peer @babel/core@"^8.0.0-alpha.0" from @babel/preset-env@8.0.0-alpha.0 npm
07-23
根据错误信息，你的项目需要使用`@babel/core`的版本`^8.0.0-alpha.0`，但是在你的`node_modules`文件夹中找到的是`8.0.0-alpha.0`版本。 解决这个问题的一种方法是更新`@babel/core`的版本。你可以尝试运行以下...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值