ES6-模块化

export语法

/*util1.js*/

export default { //只默认输出一个
   a:100
}

/*util2.js*/
export function fn1 () {
    alert(‘fn1’)
}

export  function fn2(){
    alert("fn2")
}

import语法

/*index.js*/
import util1 from "./util1.js"
import {fn1,fn2} from "./util2.js"

console,log(util1)
fn1()
fn2()

开发环境- babel（JS的一个编译器）

1 电脑有node环境，运行npm  init
2 npm install  --save-dev  babel-core babel-preset-es2015
babel-preset-latest
3 创建.babelrc文件
4 npm install  --global  babel-cli
5 babel --version
6 创建./src/index.js
7 内容：[1,2,3].map(item = item +1);
8 运行babel ./src/index.js

开发环境-webpack

1 npm install  webpack  babel-loader --save-dev
2  配置 webpack.config.js
3 配置package.json 中的scrips
4 运行npm start

开发环境 -rollup

1 将webpack环境的JS代码拷贝过来
2 修改 package.json 的scripts
3 运行npm start

4 rollup功能单一，webpack功能强大