配置babel-cli

配置babel-cli,第1张

局部配置

1.新建一个文件夹package(名字可以随便起)

2、打开cmd命令窗口

3、cd:package的路径

npm init

4、需要用jquery,可以安装jquery

npm install --save-dev jquery

5、在cmd窗口输入:

安装babel-cli:

cnpm install --save-dev babel-cli

cnpm install babel-preset-env --save-dev

百度搜索babel进入官网

切换版本

2)

在package文件夹下:

6、在package文件夹下:

1)、 新建一个build文件夹里面存放转译后的js文件

2)、新建一个js文件存放es6语法的js文件

3)、在package.json里输入build: babel js -d build

4)、

新建文件.babelrc,在里面粘贴 { "presets": ["env"] }

7、cmd进入package文件夹下输入:

注:package.json文件:(以后参考版本用)

在此之前你需要首先了解一下什么是 babel ,以及 babel的使用指南 如果你需要其他babel的版本,还请参考[ https://babel.docschina.org/versions] 。

Babel是可以配置!许多其他工具具有类似的配置:ESLint (.eslintrc), Prettier (.prettierrc)。

允许使用所有 Babel API选项 。然而,如果该选项需要JavaScript,您可能需要使用Javascript 配置文件 。

在项目的根目录下(package.json的位置)创建一个名为babel.config.js的文件,其中包含以下内容:

查看 babel.config.js文档 ,以查看更多配置选项。

在项目的根目录下(package.json的位置)创建一个名为.babelrc的文件,其中包含以下内容:

查看 .babelrc文档 ,以查看更多配置选项。

或者,您可以选择在package.json中,使用babel键值指定.babelrc配置,如下所示:

与.babelrc的配置结构相同,但你可以用JavaScript编写它。

您可以访问任何Node.js API,例如基于流程环境的动态配置:

查看 babel-cli文档 ,以查看更多配置选项。

查看 babel-core文档 ,以查看更多配置选项。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11745607.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存