模塊化

• webpack命令
  npm init -y
  npm install webpack@3.6.0 --save-dev --registry https://registry.npm.taobao.org
• package.json文件
  "scripts": { "test": "webpack ./main.js ./build.js" },
• 命令行運行 npm run test

ES6模塊

• 導入和導出只能存在頂級作用域
• require引入是代碼執行的時候才加載
• import 和export 都是提前加載 ，加載在代碼執行之前

箭頭函數和function

• 一方面箭頭函數是種簡寫形式
• 應用場景: 由于箭頭函數本身沒有this和arguments，通常用在事件類的回調函數上，讓其向上級function綁定this，而非事件對象
• 箭頭函數不可以作為構造函數

ES6函數簡寫

• 用在對象的屬性中

  fn3() { //干掉了:function,用在對象的屬性中console.log(this);},

總結

以上是生活随笔為你收集整理的vue从入门到精通之进阶篇（四）模块化工具 webpack的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。