在研究webpack打包的时候，一直对于publicPath有比较大的迷惑。今天就来记录一下我解惑的过程。 首先，webpack-dev-server也可以打包，它用于在开发环境中打包文件，并将打包后

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

前几天 webpack 作者 Tobias Koppers 发布了一篇新的文章 webpack 4.0 to 4.16: Did you know?(需翻墙)，总结了一下webpack 4发布以来，做了哪些调整和优化。 并且说自己正在着手开发 webpack 5。 正好我也在使…

推荐先阅读 webpack 入门教程之后再来阅读本文。 Webpack 4 和单页应用入门 手摸手，带你用合理的姿势使用 webpack4 （上） 本文为手摸手使用 webpack4（下），主要分为两部分： 怎么合理的运用浏览器缓存 怎么构建可靠的持久化缓存 webpack 4…

Nginx 是开源、高性能、高可靠的 Web 和反向代理服务器，而且支持热部署，几乎可以做到 7 * 24 小时不间断运行，即使运行几个月也不需要重新启动，还能在不间断服务的情况下对软件版本进行热更新。性能是 Nginx 最重要的考量，其占用内存少、并发能力强、能支持高达 5w…

随着 Vite2.0 的发布，充满好奇心的我也去 Vite 官方文档谈了一探究竟。刚好又看到了一篇关于新型包管理工具 Pnpm 的文章，Vite 的文档里也明确的描述了对Pnpm的支持。索性将二者整合一起来开发了一个简单的 demo，开发的感受可谓如丝一般顺滑。 一个开发服务器…

相信绝大部分前端开发者最常接触到的就是 npm 和 yarn，并且了解它们的一些基本使用，本文会先复习一下 npm 版本相关约定，然后再讨论一下 npm，yarn，pnpm 之间的差异。

Gradle是一款自动化开源构建工具，目前android开发者好像没有谁离开它（当然，有那种大神自己通过命令行编译的，不在范围内）。什么是构建工具，对于android开发者简单来说就是将你的代码和资源等等构建出相应的apk或者aar。下面这张图是android的打包流程图 可以…

webpack--神一样的存在。无论写了多少次，再次相见，仍是初见。有的时候开发vue项目，对尤大的vue-cli感激涕零。但是，但是，但是。。。不是自己的东西，真的很不想折腾。所以，我们就得深入内部，cp them us。所以呢，就利用两天时间，参考了一些他人的文章，查阅了一…