認識webpack
- 面向過程開發的不便
- 引入外部js執行順序
- 面向對象開發
- 加載多個文件耗時更多 增加了http請求 引入過多js
- 變量來源不明
- 優化 使用前先import 但使用import語法需要借助工具webpack翻譯為瀏覽器可以解析的語法
- 安裝node自動攜帶npm
- webpack若沒有全局安裝 需要使用npx命令找到bin目錄下webpack的可執行文件webpack
npx webpack index.js
- webpack cli是讓命令行可以通過webpack執行指令的工具包
- 翻譯后的代碼在dist文件夾的main.js文件里