前端工程化和模块化

模块化相关规范

一、浏览器的模块化规范

1、AMD
require.js

2、CMD
sea.js

二、服务器模块化规范

1、CommonJS
模块分为 单文件模块与包
模块成员导出 module.exports 与 exports
模块成员导入:require(‘模块标识符’)

三、大一统的模块化规范—ES6模块化

在这之前已经存在一、二模块化规范但是存在差异性和局限性,所以咱们以后尽量使用ES6模块化;
ES6模块化规范中定义
每个js文件都是一个独立的模块
导入模块成员使用import 关键字
暴露模块成员使用export 关键字

使用:
node跑代码使用
前端工程化和模块化_第1张图片
前端模块化导出导入的基本使用:
默认导出只能存在一个;
前端工程化和模块化_第2张图片
按需导出和默认导出可以同时使用;
as 可以起别名
前端工程化和模块化_第3张图片
直接导入可以执行m2.js中的代码;
前端工程化和模块化_第4张图片

工作之余 用博客记录自己 希望有能帮助到各位看官
如有错误或不全面的地方望各位能提点一二和留下宝贵意见

你可能感兴趣的:(前端,javascript,node.js)