模块化
1 模块化commonjs规范
1.1 创建被引用的文件
//工具类
let sum = (a,b)=>a+b;
let sub = (a,b)=>a-b;
let mul = (a,b)=>a*b;
let di = (a,b)=>a/b;
//导出给别人使用
module.exports = {
sum,sub,mul,di
}
1.2 创建引用其它模块的文件
//require
const m = require('./四则匀速.js');
//必须先导出了,才能够使用
console.log(m.sum(1,3));
console.log(m.sub(5,2));
console.log(m.mul(1,2));
console.log(m.di(1,1));
//conmmonjs 模块化开发 exports导出 require导入
1.3 执行
2 模块化es6规范
2.1 创建被引用的文件,和引用其它模块的文件
2.1.1 第一种方式
export function getUserList(){
console.log("获取用户列表");
}
export function userAdd(){
console.log("增加一个用户");
}
import { getUserList,userAdd } from "./userApi";
getUserList();
userAdd();
2.1.2 第二种方式(常用)
export default{
getUserList(){
console.log("获取用户列表");
},
userAdd(){
console.log("增加一个用户");
}
}
import user from './userApi';
user.getUserList();
user.userAdd();
2.2 使用babel转码
注:这时的程序是无法运行的,因为es6规范无法在node.js中执行,需要中babel编辑成es5后再执行
2.2.1 初始化项目
npm init -y
2.2.2 创建 .babelrc 配置文件
{
"presets": ["es2015"]
}
2.2.3 安装转码器
npm install --save-dev babel-preset-es2015
2.2.4 将src文件夹中的文件转码到dist文件夹中
babel src -d dist
2.3 执行