cli工程师，顾名思义就是使用现成的脚手架来实现开发。通过直接拉取现成的脚手架工程固然可以免去项目起始阶段的基础框架配置，便于开发人员快速入手开发，但作为一名合格的前端开发工程师，我们也要具备一定的搭建脚手架的基本能力，所谓知其然也要知其所以然，这也有利于我们日后对于项目进行性…

开发环境：速度快，调试更友好。eval-source-map / eval-cheap-module-source-map chunkhash：根据 chunk 生成 hash 值。如果打包来源于同一个 chunk，那么 hash 值就一样 「contenthash」：根据文件…

node -v 14.17.5 npm -v 6.14.14 初始化依赖 初始化文件目录 文件代码补充 webpack.config.js index.html package.json 添加插件&解

前言 面试题只是一个引子，快速刷题就是背（面试官问你，但是他不一定很深入），想深入理解还是得花大量精力； webpack 的构建流程是什么 初始化参数：解析webpack配置参数，合并shell传入和

前言 本文介绍了webpack插件的组成与如何编写，然后会实现一个将打包好的静态资源上传至七牛的插件。 关于插件 在webpack中，plugin比loader的作用更加广泛，plugin可以管理资源

前言 本篇文章不只是搭建webpack5的项目，还有个更重要的目的是，为了在搭建过程中了解每个插件，loader的作用，为什么要使用这些东西，这些东西带来了什么。 我为本项目写了一个cli工具：fig

万字总结!一篇文章带你从零打造真正的工程化Ts+React+Webpack5多页应用。告别枯燥的文字，我们从实践出发，一步一步跟随代码讲解从零搭建属于自己风格的项目架构，从此不在恐惧环境搭建！

webpack对于前端工程师来说非常重要，包括日常的开发，发版上线构建效率，还有跳槽面试来说都必不可少，本篇文章对webpack5进行尝试，并对脚手架配置做一个总结

基础学习 相关概念 Entry：编译入口，webpack 编译的起点 Compiler：编译管理器，webpack 启动后会创建 compiler 对象，该对象一直存活知道结束退出 Compilati