模塊化開發

1.什麼是模塊化開發？

模塊化開發：面向對象思想
模塊：一個js文件就是一個模塊，每一個模塊都有本身的做用域

2.若是模塊化開發沒有工具怎麼實現？

<1>如index.html中引入的js文件，每一個js用自執行函數包裹起來，使這些文件處在不一樣的做用域中（函數），由於模塊化開發就是js有本身獨立的做用域  <2>.webpack打包後的樣子？每一個js文件都會被自執行函數包裹起來

3.四種模塊化開發方式

<1>AMD    require.js     依賴前置

<2>CMD sea.js    按需引入

<3>commonJS規範  前端中使用CommonJS規範編寫代碼，須要使用工具編譯,

1.commonJS規範（node.js）
一個js文件就是一個模塊，每一個模塊都有本身的做用域.
引入模塊：require('路徑')
向外輸出模塊內容 module.exports = 向外輸出的內容;
前端中使用commonJS規範編寫代碼，須要使用工具編譯

2.在電腦上安裝node（安裝node後，npm包管理工具也就安裝好了）
命令 node -v
npm -v
執行nodejs文件
命令行中執行： node 須要執行文件的路徑(系統絕對路徑,相對路徑)

3.//引入須要使用的模塊
路徑的寫法
<1.直接寫路徑名字 require('path');
若是是node內置模塊優先級更高

查找方式：找node_modules文件夾的內容
->找node內置模塊
->報錯

<2.若是不是內置模塊，也不是在node_modules文件夾之下，寫路徑須要寫成：
require('./path');
require('../path');
require('./../path');

<3.require('./tools'),寫文件夾，找的是文件夾下的index文件

<4 eg:main.js引入os模塊，由於os模塊是內置模塊，node中帶有的模塊，若是node_modules中也有本身寫的os.js模塊，內置模塊會被先引用，內置模塊優先級比node_modules文件中的js文件更高

<4>es6模塊化方式

es6模塊化方式(ESM)現代瀏覽器不支持es6模塊化方式，須要使用工具編譯import {}exportexport default