Vue項目打包後dist文件目錄詳解

dist文加目錄


1. css文件夾

  • css文件是項目要用到的css文件,當你做webpack打包的時候,會把所有的css樣式打包到這裏

2.  js文件夾

  • app.js放的是項目中各個頁面的邏輯代碼,將格式進行了壓縮。
  • chunk-vendors.js:放的是通過import包導入的第三方依賴包。防止該文件體積過大,可以使用webpack的externals配置。凡是聲明在externals中的第三方依賴包,都不會被打包。同時需要在index.html文件的頭部,添加CDN資源引用。
  • 其他.js文件是使用路由懶加載打包後的文件,按需導入路由,文件的名字是路由懶加載配置中的分組名稱。
  • .js.map依然是一個Source map文件,Source map就是一個信息文件,裏面儲存着位置信息,轉換後的代碼的每一個位置,所對應的轉換前的位置。 項目打包後,代碼都是經過壓縮加密的,如果運行時報錯,輸出的錯誤信息無法準確得知是哪裏的代碼報錯。有了map就可以像未加密的代碼一樣,準確的輸出是哪一行哪一列有錯,方便我們開發的時候做調試使用。

 

感謝:https://blog.csdn.net/qq_41611820/article/details/103699395

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