webpack官网中，有这么一句话，我不是很认同： 可以说，性能优化最重要的部分就是懂得如何分包了。因此，就来谈谈webpack中的分包。

在上一篇中，介绍了 webpack 的 entry 、 output 、 plugins 属性。 在这一篇，接着介绍其它配置属性。 搭建的 工程化 代码基本都无法直接运行在浏览器，所以本地测试也都是使用打包编译后的代码预览。 但是本地开发预览又必须具有代码可读性、可调试性等条件…

本文从 webpack 是什么、为什么选择 webpack、webpack的基本概念介绍 3个角度进行讲述，从 Webpack 基础着手，和你一起了解 webpack。

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天 今天分享一下，我们项目当中的一些webpack配置，希望能给大家有所启发；只要配置多了，你就会发现其实所有的配置的都是相似的

首要任务 安装vite 创建vite.config.js文件 index.html vue-cli方式 在vue-cli，index.html文件是存放在public文件下的 vite方式 直接将in

随着各种框架、自动化构建工具的越来越智能化，更多的细节被封装起来，我们越来越多的时间被业务开发所占据，我问自己一个问题，当某个时间，当我放下框架，我还能自己动手完成这些并不复杂的配置吗

包含ESLint+Prettier保证代码风格规范，husky+lint-staged构建前端工作流，生成changelog，vuepress生成文档，本地热更新调试，Jest

前段时间，看到群里一些小伙伴面试的时候被面试官问到这类题目。平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli脚手架生成的项目架构，然后 npm run install 安装依赖，npm run serve启动项目然后就开始写业务代码了。 但是对项目里的webp…

最近在对公司的H5项目做重构，涉及到构建优化，由于一些历史原因，项目原先使用的打包工具是饿了么团队开发的 cooking（基于 webpack 做的封装，目前已停止维护了。）如果继续使用，一是项目目前已经比较复杂，现在的构建方式每次打包耗时较长；二是使用一个已经停止维护的工具本…