問題:vue打包後會生成哪些文件?
默認生産 dist 文件夾:
![vue的webpack如何打包(webpack進行Vue打包之後dist會生成哪些文件) vue的webpack如何打包(webpack進行Vue打包之後dist會生成哪些文件)1](/uploads3/large/pgc-image/0e724ff172b34b62ac87765937057e0d.jpg)
生産index.html單頁面文件
将組件中的 css 編譯合并成一個 app.[hash].css 的文件,
js 則在合并後又拆解成 了 3 個文件:
- app.[hash].js 包含了所有 components 中的 js 代碼
- vendor.[hash].js 包含了生産環境所有引用的 node_modules 中的代碼
- mainfest.[hash].js 則包含了 webpack 運行環境及模塊化所需的 js 代碼
- 0.[hash].js 則是 vue-router 使用了按需加載生産的js文件..
- 1.[hash].js 則是 vue-router 使用了按需加載生産的js文件..
這樣拆分的好處是:
每塊組件修改重新編譯後不影響其他未修改的 js 文件 的 hash 值,這樣能夠最大限度地使用緩存,減少 HTTP 的請求數。
, 更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!
查看全部