webpack將瀏覽器無法識別的語言，格式，都轉為可以識別的形式,
瀏覽器可以直接調用並識別的：html， css， js
如果要在js中使用模塊化思想進行開發，如使用commonJS, ES6的模塊導入導出來進行開發，那瀏覽器是不識別的。
此時，就需要webpack來處理， 並且，webpack會自動將js中導入的依賴，也進行打包。
1. webpack需要nodejs支持
node: 可以支持js代碼的運行，（之前，js代碼想要執行，必須要有一個html文件，並且導入js文件，然后才能在html中使用js）
npm為nodejs的庫管理工具，類似於python的pip工具
# 系統： ubuntu 版本： 18-20 sudo apt-get install nodejs sudo apt install libssl1.0-dev nodejs-dev node-gyp npm sudo apt install npm
# 查看版本(8.9版本以上都支持cil腳手架)
node -v
2. 安裝webpack
# 根據需求，安裝對應版本，vue cli 2.0 腳手架 使用 3.6.0版本的webpack # -g 安裝到全局 npm install webpack@3.6.0 -g
# 查看版本
webpack --version
3. webpack的文件結構
項目文件夾：
-- dist文件夾（打包后的文件存放處）
-- src 文件夾 （源碼文件存放處）
打包命令：
webpack ./src/main.js ./dist/自定義名稱.js
4. 打包后的js文件使用
.html中引入js文件使用
<script src="./dist/bundle.js"></script>