模塊化的書寫及應用的認識

  前端規範的思想指的就是模塊化開發,所謂模塊化開發,就是保證每一個文件都是一個獨立的模塊,互不影響,有了模塊,咱們就能夠更方便地使用別人的代碼,想要什麼功能,就加載什麼模塊。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頁面

  

  這就是模塊化的實現.

相關文章
相關標籤/搜索