美文网首页
Babel介绍使用

Babel介绍使用

作者: blank的小粉er | 来源:发表于2017-07-26 11:45 被阅读0次
    
       安装Node.js
       Node.js的项目 npm 的包项目
       新建文件夹test
       在改文件夹下面输入npm init 初始化项目
       先全局安装
       npm install -g babel-cli
       安装成功  输入babel -V 查看版本号
       1.1 后缀名称为.babelrc文件
           添加:
           {
            "presets": ["env"]
           }
       1.2 安装babel的包文件
           npm install --save-dev babel-cli babel-preset-env
           --save-dev 保存到package.json文件中
           babel-cli    包工具
           babel-preset-env 包工具
           npm install --save-dev babel-cli babel-preset-env
    
       1.2 运行测试文件01example.js
       1.3 babel测试文件
           babel 01example.js
       1.4 babel -d 测试输出文件
           babel 01example.js --out-file 01result.js
           或者
           babel 01example.js -o 01result.js
       1.4.1 babel-node 01.js 运行输出结果
       1.5 babel 的配置环境介绍
       https://excaliburhan.com/post/babel-preset-and-plugins.html
       
       本地的服务器开发方式:
       browser-sync start --server
    
       要安装webpack 实现浏览器支持ES6的语法
       1. 安装webpack 
          npm install -g webpack;
       2. 新建后缀名称为.babelrc文件
           添加:
           {
            "presets": ["env"]
           }
       3. npm install --save-dev babel-loader babel-core 
       3. npm install --save-dev babel-preset-env
    
       4. 新建webpack.config.js文件
          
    

    相关文章

      网友评论

          本文标题: Babel介绍使用

          本文链接:https://www.haomeiwen.com/subject/swbnkxtx.html