js模塊化的3種規範

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下一篇中詳解框架

相關文章
相關標籤/搜索