vue2.x+webpack配置問題總結

目錄

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

方法一:修改 package.json 文件

方法二:修改 webpack.config.js 文件

2. npm run build 生成的map文件配置

 


【文件目錄及相關配置基於 vue cli 2.x 版本構建】

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,

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章