首页 > 其他 > 详细

es6-环境的搭建

时间:2018-06-29 22:08:42      阅读:227      评论:0      收藏:0      [点我收藏+]

首先建立dist文件夹---放着解析后的es5
建立src--编写es6
建立.babelrc 文件 (在window下面.babelrc.默认加多一个点)才可以创建出来
在.babelrc文件中写上

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

先安装node,
然后在node环境下执行

npm init -y

初始化项目,生成package.json文件
技术分享图片

然后在全局下安装babel-cli(应该不是必须的)

npm install -g babel-cli

技术分享图片

接着在项目中安装babel-preset-es2015 和 babel-cli

npm install --save-dev babel-preset-es2015 babel-cli

技术分享图片

在js文件写好es6,然后开始编译

babel src/hello.js -o dist/hello.js

技术分享图片

我们还可以将简写编译脚本到package.json
技术分享图片
运行的时候直接运行npm run build即可

es6-环境的搭建

原文:https://www.cnblogs.com/cyany/p/9245546.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!