码迷,mamicode.com
首页 > 其他好文 > 详细

es6-环境的搭建

时间:2018-06-29 22:24:58      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:全局   编译   window   node   解析   图片   环境   alt   run   

首先建立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-环境的搭建

标签:全局   编译   window   node   解析   图片   环境   alt   run   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!