压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

上次我们简单介绍了一下webpack的基本使用，今天我们来看看使用webpack进行性能优化的一些配置。这篇一直在我的掘金草稿箱里，本来也准备拿出来当小知识发的，刚好掘金又来了性能优化的活动，赶了个巧

webpack构建过程中直接影响构建效率的，一个是文件的编译，另一个是文件的分类打包。相较之下文件的编译更为耗时，而且在Node环境下文件只能一个一个去处理，因此这块的优化需要解决。那么要怎样优化打包速度呢？ 1. 使用高版本的webpack和node.js 2. 多进程/多实…

将静态资源文件（运行依赖包）与源文件分开打包，先使用DllPlugin给静态资源打包，再使用DllReferencePlugin让源文件引用资源文件。

最近在学习 Node.js 里面的 fs 模块，遇到了一个比较诡异的现象，踩到了坑，就是读取当前目录下的一个文件，死活读取不到，由于之前对于 Node.js 里面的 path 模块也不太熟悉，也没系统研究过，所以今天就踩了这个坑，记录踩坑的过程，防止以后踩坑和大家也踩坑。

如果大家看过一些 webpack4 优化的文章，一定会出现 dll 动态链接库。它以配置之复杂让众多初学者记忆犹新。今天我会以一个学习者的角度去一步一步探讨 webpack dll 的配置，最后得出一

一、__dirname 和 __filename 1. 概念 2. 测试 二、path 中方法使用 1. path.join() 2. path.resolve()

node中 path.resolve()文档中的解析 方法将路径或路径片段的序列解析为绝对路径。给定的路径序列从右到左处理，每个后续的 path 会被追加到前面，直到构建绝对路径。 例如，给定路径片段

在 nodejs 中，path 是个使用频率很高，但却让人又爱又恨的模块。部分因为文档说的不够清晰，部分因为接口的平台差异性。 将 path 的接口按照用途归类，仔细琢磨琢磨，也就没那么费解了。