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功能强大