ES6模块化及ES7新增特新性

一、babel--ES6代码转换为ES5的代码

        1.初始化项目

        npm init
        npm init -y  (不需要配置，直接跳过)

        2.安装转码工具

        cnpm install -g babel-cli

        cnpm install --save -dev babel-cli babel-preset-latest

        3.安装转换规则

        cnpm install -g babel-preset-latest

        4.指定转换规则 新建文件.babelrc

        {
            "presets":["latest"]
        }

        cnpm install --save-dev babel-cli babel-preset-latest

        babel工具在项目中是在开发阶段使用的工具

        jquery工具在项目中是在产品阶段使用的工具

        5.也可以将ES6转换为ES5之后的文件输入到另一个文件当中

        babel 2-hello.js --out-file 2-helloo.js

        6.将整个src目录下的es6文件转换成es5文件到dist目录

        babel src --out-dir dist

二、模块化

        

        模块化机制(commonjs与es6)

        包管理机制 (npm、cnpm、yarn)

        NPM是Javascript开发者能够更方便的分享和复用以及更新代码的工具，被复用的代码被称为包或者模块，一个模块中包含了一到多个js文件。在模块中一般还会包含一个package.json的文件，该文件中包含了该模块的配置信息。该文件是个json文件，其配置信息如下： name 模块名称 version 模块版本 description 描述信息 main 指定模块入口文件 type 当type值为module的时候，支持es模块化 scripts 脚本，使用' npm run 脚本名'可以调用 dependencies 依赖关系 devDependencies 环境依赖或测试依赖

cnpm 更新

初次安装cnpm 直接使用最新域名即可

$ npm config set registry