tft每日頭條

 > 科技

 > vue的webpack如何打包

vue的webpack如何打包

科技 更新时间:2024-06-27 03:03:07
問題:vue打包後會生成哪些文件?

默認生産 dist 文件夾:

vue的webpack如何打包(webpack進行Vue打包之後dist會生成哪些文件)1

生産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每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved