目錄

1. 配置熱更新&自動開啟瀏覽器

方法一：修改 package.json 檔案

方法二：修改 webpack.config.js 檔案

2. npm run build 生成的map檔案配置

1. 配置熱更新&自動開啟瀏覽器

實現自動開啟瀏覽器、熱更新和配置瀏覽器的預設埠號

方法一：修改 package.json 檔案

方法二：修改 webpack.config.js 檔案

PS：用vue init一鍵生成的專案，以上變數的配置位置在 config/index.js中 

2. npm run build 生成的map檔案配置

我們在做vue專案打包的時候，打包完成的js資料夾中，會自動生成一些map檔案，那麼這些map檔案有什麼作用呢？這些檔案是否需要保留呢？

2.1 map檔案的作用：

專案打包之後的檔案都是經過壓縮和加密的，如果執行的時候報錯的話，輸入的錯誤資訊我們是無法準確得知是哪一行或者哪一個方法有錯誤的。而map檔案的作用正在於此，他可以幫助瀏覽器準確的輸入是具體的哪個位置的程式碼報錯。

2.2 去掉map檔案的方法：

在config/index.js中修改配置：     productionSourceMap: false,