用户登录

Babel 可以跟很多其它的 Build system 放到一块儿用,比如 grunt,gulp,webpack 等等。下面我们看一下怎么把 babel 跟 gulp 用到一块儿。

先进入到项目所在的目录,然后安装点东西,除了 gulp 以后,还得安装一个 gulp-babel .. 把它们放到项目的开发依赖里 ..

打开项目 .. 创建一个 gulp 的任务文件 .. 名字是 gulpfile.js .. 先导入到 gulp ... 交给 gulp 这个变量 .. 然后是 babel .. 需要的就是 gulp-babel ..

创建任务用的是 gulp 的 task 方法 .. 这里创建一个默认的任务 .. 要做的事放到它的第二个参数里面 .. 先去找到想要处理的文件 .. 使用 gulp 的 src .. 找到 src 目录下的所有的 js 文件 ..

再用一个 .pipe .. 使用 babel 去处理一下找到的文件 .. 再用一个 pipe ,去把处理好的文件放到 lib 这个目录的下面 ..

保存 .. 回到命令行 .. 执行一下 gulp ... 这样会执行默认的任务 .. 也就会去把 src 下面的 js 文件使用 babel 编译好,放到 lib 这个目录的下面 ...

注意你想要使用的预设可以放到这个 babel 里面 .. 或者也可以使用项目根目录下的 .babelrc 里面的设置 ...

npm install gulp gulp-babel --save-dev

让 Babel 跟 Gulp 在一块儿用《 Babel:JavaScript 编译工具 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点