第七穿插连第XXXX名士兵

记录学习的点滴,成长的历程。

导航

Webpack - 打包Vue项目时会把没用到的组件和依赖一起打包进去吗?

1、Webpack打包vue项目时不会把node_modules整个依赖进行打包,而是根据项目中使用的依赖进行抽取打包。

2、项目内自定义组件(src/components内组件),被import引入后的会被打包进去,未被import引入的组件则不会。具体可参考删除了未被import引入的组件后,项目打包大小前后的区别。

(全局组件),(未删除未被import引入组件前打包大小【项目内引入了第三方插件SDK,故项目打包比较大】)

(删除了部分整个项目都未import引入的组件),(两次打包大小完全一样)

3、项目内页面组件(src/views内所有组件),不管是否为懒加载引入,也不管是否被路由文件引入了,都会被打包进去【不打包进去,项目中就没有这个文件,那具体使用的时候去哪找】。
当然这个可以通过Webpack插件处理,只是不处理的话,就会全部都打包进去。

posted on 2022-11-09 17:38  第七穿插连第XX名士兵  阅读(1794)  评论(0编辑  收藏  举报