gulp-babel 自动编译es5-es6(可无脑按步骤操做)

如今es6比较火,不少同窗都想实战一下,可是发现网上的要不就是webpack配合、vue、react使用es6,要不就是教程安装不够详细。webstorm能够直接使用es6,可是没有编译后的es5文件,不适合不少刚接触的同窗学习。这里给你们带来最基础的利用gulp 编译es6-es5(很是详细傻瓜操做哦)vue

一、首先新建一个文件es6node

二、打开命令行工具看看你node gulp npm 是否安装成功react

三、进入es6文件,webpack

npm init初始化项目 es6

npm install gulp 安装gulpweb

四、npm install babel-core --save-devnpm

npm install --save-dev gulp-babel复制代码
npm install --save-dev babel-preset-es2015复制代码

而后无脑安装这3个gulp

五、而后在项目底下新建两个文件gulpfile.js .babelrcbash



六、js 底下有个index.jsbabel

随便写点ES6 let a = 10;

而后 命令行gulp 运行  

就会发如今项目底下多了一个文件夹dist  里面放的就是编译好的index文件



安装过程有什么问题随时联系我 QQ1842344641

相关文章
相关标签/搜索