ES6学习——模块化：export、import---1

ES6模块化的使用，目前为止(2017-2-24)浏览器兼容还不是太好，需要使用babel进行编译。

babel+webpack配置:

webpack.config.js的代码如下:

.babelrc文件的配置:

下载相应的模块:

                 npm install  babel-loader babel-core babel-preset-es2015

webpack -w运行

ES6里面模块化的使用方式:

            模块: 定义(导出) 和 引入(导入)

            以下例子,导出模块放在 mod.js里面

            以下例子,导入模块放在 index.js 里面

---

第一种书写方式

mod.js代码

index.js代码

第二种书写方式

mod.js代码(一个一个导出)

index.js代码

第三种 default方式

 default方式的优点，import无需知道变量名，就可以直接使用

更新中！