美文网首页
babel编译es6环境搭建

babel编译es6环境搭建

作者: __Object__ | 来源:发表于2018-12-18 14:47 被阅读0次

前提是已经安装了node环境。

一:新建目录(babel-es6)

二:安装babel环境依赖

npm install --save-dev babel-core babel-preset-es2015 babel-preset-latest

三:新建.babelrc文件

文件里面写入如下代码:

{ "presets":["es2015","latest"], "plugins":[]}

四:全局安装babel-cli命令行

npm install -g babel-cli

五:运行babel命令,编译文件

新建一个es6语法的js文件

运行babel命令:

babel ./1.js --out-file ./es5/1.js

可以看到代码被编译成了es5标准的代码。

相关文章

  • es6-selfnote

    ECMAScript6(ES6)基础知识及核心原理 使用Babel编译ES6 一、下载安装Babel环境:需要电脑...

  • 环境搭建

    一.ES6环境搭建 1.首先安装babel-cli(用于在终端使用babel) npm install babel...

  • ES6

    搭建es6环境 在src文件夹下面建立js文件,所有的es6代码都写在这个文件夹下面。 dist:Babel编译成...

  • babel编译es6环境搭建

    前提是已经安装了node环境。 一:新建目录(babel-es6) 二:安装babel环境依赖 npm insta...

  • Webpack和Babel

    Babel Babel 是 JavaScript 的编译器,用来将 ES6 的代码,转换成 ES6 之前的代码 官...

  • webpack使用记录

    编译es6: 基础:babel-loader --save-dev babel-core --save-dev;要...

  • gulp-babel编译es6遇到的问题

    gulp-babel编译es6后的require怎么处理? Babel 所做的只是帮你把‘ES6 模块化语法’转化...

  • 搭建babel编译es6代码环境

    随着es6,es7,es8等新标准的出现,我们在项目中为了更好的体验和使用这些新特性,但是在浏览器中又不能直接运行...

  • 学习使用Babel把ES6语法转换成ES5

    新手学习使用Babel把ES6的语法转换成ES5的语法,记录下从环境的搭建到转换的过程。 1、对于Babel7的安...

  • ES6环境的搭建

    1、ES6环境的搭建 搭建环境的原因:低版本的浏览器不支持ES6语法,可以利用工具将es6编译成es5 用Babe...

网友评论

      本文标题:babel编译es6环境搭建

      本文链接:https://www.haomeiwen.com/subject/ijnsvftx.html