js模塊化的3種規範前端
1.commonjs規範
2.前端模塊的規範 是Amd規範 ,表明就是requirejs,他是異步的,不少前端框架都用amd規範 如 jq angular 等
3.es6 用的最多node
2、模塊化的操做
1.commonjs的操做
全部的模塊化都是兩個方向,暴露模塊接口和引入模塊
module.exports={} 暴露的是一個叫exports的對象
require() 引入一個模塊
這是後臺的規範,在nodejs環境能夠直接運行,在客戶端不能直接運行 。須要對文件打包解析 webpack gulp
2.前端模塊
amd是前端模塊化的一種規範,全稱Asynchronous Module Definition,異步模塊加載機制,因此須要按照這個規範去定義模塊和使用模塊
1.require()提供了一個全局的方法,叫define() 用來定義模塊webpack
這裏的定義模塊分爲倆種:1.不依賴其餘模塊的定義 2.依賴其餘模塊的定義es6
不依賴其餘模塊web
依賴其餘模塊gulp
使用這些模塊的話,須要配置一個主js文件,主文件裏有倆部分,一部分是配置模塊,一部分是使用模塊前端框架
es6下一篇中詳解框架