一、通過配置文件使用webpack
? ? |--為什么用配置文件：因為在終端輸入命令打包文件，太麻煩了，要寫命令，還有輸入文件路徑等。不能
????接受！
? ? |--使用配置文件使用webpack步驟：
? ? ? ? |--1.在項目根目錄下創(chuàng)建文件webpack.config.js
? ? ? ? |--2.配置完，直接在項目更目錄下，輸入webpack即可完成打包：
? ? ? ? |--3.瀏覽器打開index.html
二、更方便的配置方式（package.json）
? ? |--問題：通過配置webpack.config.json，我們只需要在終端輸入webpack，就能進(jìn)行打包了。但是因為我們打包的文件非常簡單，所以看上去很簡單，如果打包的同時還有更多的操作，依然要輸入很多命令，如何解決呢？
? ? |--解決：配置好webpack.config.json后，設(shè)置package.json：
? ? |--注意：start命令比較特殊，可以直接npm + start就可以執(zhí)行了，如果我們想自定義打包名字，如：build，
? ? 那么就要指定npm run build
? ? |--下面讓我們執(zhí)行：npm start試一試，看看能否順利打包。
三、webpack構(gòu)建本地服務(wù)器
? ? |--為什么要構(gòu)建本地服務(wù)器：因為我們訪問頁面的時候，要通過打開本地文件，不符合開發(fā)邏輯，正常開發(fā)
? ? 代碼都是放在開發(fā)服務(wù)器上，沒有說在本地打開的，用Vue,React框架時，都是運行在本地的服務(wù)器上。
? ? |--使用webpack如何構(gòu)建本地服務(wù)器：webpack-dev-server
? ? ? ? |--webpack提供了一個基于nodejs構(gòu)建的本地開發(fā)服務(wù)器，他是單獨的一個組件，在webpack中進(jìn)行配置
? ? ? ? 前需要安裝他作為項目依賴：
? ? ? ? |--在webpack.config.js配置：
? ? ? ? |--接下來，配置package.json
? ? ? ? |--注意：一個dev代替了兩個命令webpack-dev-sever + --open這就是使用配置文件的優(yōu)點！！
? ? ? ? |--開啟服務(wù)器把：npm run dev
? ? ? ? |--這里需要注意一點：
四、打包后的代碼調(diào)試（source-map）
? ? |--服務(wù)器也會創(chuàng)建了，也會對文件進(jìn)行打包了，那么打包后的文件因為是經(jīng)過優(yōu)化的，顯示為一行，無法
? ? 進(jìn)行調(diào)試，如何解決這個問題呢？先來看一下打包后文件的格式：
? ? |--解決辦法：配置webpack.config.js文件：
? ? |--配置完，進(jìn)行打包：
