Webpack - 打包Vue項目時會把沒用到的組件和依賴一起打包進去嗎?


1、Webpack打包vue項目時不會把node_modules整個依賴進行打包,而是根據項目中使用的依賴進行抽取打包。

2、項目內自定義組件(src/components內組件),被import引入后的會被打包進去,未被import引入的組件則不會。具體可參考刪除了未被import引入的組件后,項目打包大小前后的區別。

(全局組件),(未刪除未被import引入組件前打包大小【項目內引入了第三方插件SDK,故項目打包比較大】)

(刪除了部分整個項目都未import引入的組件),(兩次打包大小完全一樣)

3、項目內頁面組件(src/views內所有組件),不管是否為懶加載引入,也不管是否被路由文件引入了,都會被打包進去【不打包進去,項目中就沒有這個文件,那具體使用的時候去哪找】。
當然這個可以通過Webpack插件處理,只是不處理的話,就會全部都打包進去。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM