本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…

带你弄懂使用webpack时chunk、bundle、module这些概念；分析打包流程，让你对webpack有更深入的理解

webpack久坐老大哥地位，vite后起之秀： webpack的第一次发布是在 2013 年发布，长久以来是主流的前端打包工具。vite 的第一次发布是在 2021 年，是近两年的后起之秀！

今天给大家介绍社区当中一个 webpack 的流式配置方案——webpack-chain，这个方案现在已经在我目前所在的团队落地，且带来了一些正向的收益。

前言 越来越多的项目使用webpack5来构建项目了，今天给大家带来最前沿的webpack5配置，让我们代码在编译/运行时性能更好~ 我们会从以下角度来进行优化： 提升打包构建速度 减少代码体积 优化

(8) 重新启动npm run serve即可，现在的配置是开发环境，在浏览器的Network JS里面是看不到的。若想查看，请将vue.config.js里面的

Tree-shaking是一种对项目进行性能优化的手段，其本质是像把枯萎的叶子从树上摇下来一样，将项目中没有用的代码段抖掉以减小最后生成的文件的体积，从而优化加载，提高用户体验。 近年来，得益于Webpack, Rollup等自动化构建工具的广泛使用，对于JavaScript代…

随着vue脚手架的升级，越来越便于开发者开发和维护项目，本质上vue-cli3提供了基础的配置和可拓展的空间，但是vue-cli3官网对于新脚手架的用例都比较简洁，更多的内容需要我们去研究，更多都是基于webpack去拓展。为了更好的入门，我写了个常用配置的小总结，下面我们来看…

选择是的话，会让你填写一个预设文件的名字，下次创建一个vue项目，可以直接使用这个预设文件，而无需再进行配置。 由于现在的目录结构不利于后期的开发，现在我们增加部分文件，待后续可以进行功能扩展。在src文件下：新建api文件夹，router文件夹，utils文件夹，views文…