browserify-babel-demo

1.创建package.json文件

npm init

2.安装Grunt(JavaScript任务构建工具)

npm install grunt --save-dev

3.安装babelify(Browserify的babel转换器)

npm install --save-dev babelify

4.安装grunt-browserify(Grunt browserify任务)

npm install grunt-browserify --save-dev

5.安装grunt-contrib-watch(监听并执行任务)

npm install grunt-contrib-watch --save-dev


注:package.json中需要增加"browserify":{"transform":["babelify"]},根目录新建文件.babelrc,内容为{"presets":["es2015"]},并执行命令npm install--save-dev babel-preset-es2015

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,227评论 7 35
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,324评论 4 31
  • 什么是 NPM npm之于Node,就像pip之于Python,gem之于Ruby,composer之于PHP。 ...
    ihoey阅读 6,265评论 2 36
  • 那些已哭湿的信,不要再寄给我。 我的世界,雨季已好久, 我不爱打伞,不爱出门。 我已经把窗帘都拉上了, 我已习惯没...
    伦小让阅读 333评论 0 3
  • 朋友圈里常常会看到一些小情侣秀恩爱,情人节、七夕节、光棍节,各种巧克力、鲜花、化妆品都成了标配。 “你养狗吗?” ...
    牛奶布丁233阅读 468评论 17 14