本系列第一篇，手动初始化vue3+ts项目，并用webpack5实现基础的vue3+ts开发和打包配置。

webpack、vite的自动导包的"爱恨情仇" 前言 最近在开发Vue3+Vite的统一基座工程，遇到了模块自动导入的不同构建工具的引入方式，特此记录。 在项目中，为了避免频繁导入。大家都会在对应，

前序 Webpack是一个现代的JavaScript应用程序静态模块打包工具。它能够处理各种类型的模块（如JavaScript、CSS、图片等），将它们打包成最终的静态资源文件。Webpack的作用是

假设你入职了一家小公司，既没有内部自研的 DevOps 平台，也没有专业的运维。需要你自己去搭建多环境 CI/CD 自动化部署，你会怎么做？

什么是前端工程化，是我去年困扰我很久的一个问题，打开搜索引擎一搜，能找到四个关键字，模块化、组件化、规范化、自动化，但一看这几个字，更加迷茫了，没说解决了什么问题。大部分搜出来的都是 webpack、

前言 package.json作为项目的清单文件,记录了项目所依赖的各种包以及自定义的脚本、版本等信息,是现代前端项目中最为重要的文件之一。对一个项目快速上手，从package.json出发绝对是一个

13. 配置 打包输出路径 14. 配置 静态资源发布路径（方便CDN请求资源） 15. 配置 打包文件缓存 hash 16. 打包前 自动清除文件 clean-webpack-plugin 17. 根据查找规则 精简打包 18. 打包时 代码分割 19. 使用 HappyPa…

1. 区分 开发 / 生产环境 webpack-merge 开发环境时 一些工具的使用是没有意义的，比如 压缩代码、文件名哈希、分离代码等... 2. 配置 source map 3. 摇树优化 Tree Shaking 4. 作用域提升 Scope Hoisting 5. 启…

1. 解决 项目 中的路径问题 2. 解决 html 中的路径问题 1. 识别 css 2. 识别 scss 3. 识别 less 4. 自动添加 css3属性前缀 5. 分离 css 6. 压缩 分离后的css 7. 净化 分离后的css 1. babel 转换 2. 压缩 …