前端規範的思想指的就是模塊化開發,所謂模塊化開發,就是保證每一個文件都是一個獨立的模塊,互不影響,有了模塊,咱們就能夠更方便地使用別人的代碼,想要什麼功能,就加載什麼模塊。html
那麼,如何寫模塊呢?前端
1.經過cmd下載全局的 webpack (webpack 是一個打包工具),目前建議下載3.8.0版本node
2.建立一個後綴名是.js的文件,並在該js文件中寫入須要的js內容(內容能夠是變量,函數...),而且經過module.exports暴露出去webpack
3.在該文件夾的命令窗口中下載 package.jsonweb
4.在node_modules文件夾中建立新的文件夾而且將上面建立的js文件與下載的package.json放到裏面json
5.在項目文件夾下從新建立一個js文件,經過require()引入node_modules中剛剛建立的文件夾模塊化
注意:函數
但凡引入文件必須使用require()工具
被引入的文件 必須暴露文件 module.exports= (暴露的是什麼 引入的就是什麼)ui
6.在命令窗口中將上一步中建立的js文件(cc.js)打包成爲一個模塊(bb.js) webpack 舊的js文件名 打包後的文件名
7.將打包過得文件引入到html頁面
這就是模塊化的實現.