用户登录

先试一下 es2015 这个插件预设 .. 这里我在 src 目录下的 script.js 文件里面,用了一点 es2015 的写法 .. 就是这个 spread 操作符 ..

回到命令行 .. 执行一上 npm run build .. 再打开 lib 目录下的 script.js .. 这里基本就是原样输出了 src 目录下的 script.js 里的内容 .. 再回到命令行 ..

去安装一下 es2015 这个预设 ... npm install babel-preset-es2015 --save-dev

这个预设里面会包含一大堆跟 es2015 相关的插件 ... 安装完成以后, 在项目的根目录的下面,创建一个 .babelrc 文件 .. 它是 babel 的配置文件 .. 在这里我们要指定一下想要使用的预设 .. 添加一个 presets 属性 .. 它的值是一个数组 .. 里面再添加一个 es2015 .. 意思就是我们要在项目里使用 es2015 这个预设里的所有的插件 ..

保存 .. 回到命令行 .. 重新执行一下 npm run build .. 再打开编译之后的这个 script.js .. 你会发现这次已经把 src 下面的 script.js 编译成了 es5 的代码 ..

使用预设的插件:es2015《 Babel:JavaScript 编译工具 》

统计

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

社会化网络

关于

微信订阅号

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