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无需知道变量名,就可以直接使用
更新中!