模块化

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 执行