前言：webpack打包工具讓整個專案的不同資料夾相互關聯，遵循我們想要的規則。想 .vue檔案， .scss檔案瀏覽器並不認識，因此webpage暗中做了很多轉譯，編譯等工作。
事實上，如果我們在沒有加配置檔案之前 webpack是有預設配置的，比如在專案最開始的時候我們沒有加上webpack.config.js,但是我們依然可以終端執行 npx webpack index.js
來進行打包。但是這並不能滿足一個專案中繁雜的各種檔案的配置，因此我們可以自己配置符合當前專案的 配置檔案-->webpack.config.js。
第一步：在專案中第一級目錄新增webpack.config.js檔案。
第二部：編寫打包的入口，各種配置項和打包出口
第三部：匯出配置
如下圖：
上圖是最基礎的打包配置：
1，打包的入口檔案是index.js,它的路徑是 "./src/index.js"。main的意思是預設打包成main.js。
2， 打包的出口檔案可以隨意設定，比如：bundle.js。引入path模組並使用 path.resolve()方法，
使得在src平級目錄下建立dist（隨意起名都可以）資料夾來存放bundle.js等檔案。
3，在入口，出口配置之間應該有很多按照我們需求的很多配置，本篇只是初識基本配置，後面繼續記錄。
另外，如果習慣了用 npm，可以在package.json檔案中的指令碼配置中這樣寫：
這樣打包的時候 執行 npm run bundle就可以了。