本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…

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

关于Babel Babel是一个Javascript的编译器，主要用于将es next(ECMScript2015，ECMScript2016，ECMScript2017等)的语法转换为向后兼容的Ja

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。

前言 Vue项目开发一直使用的脚手架，对Webpack这个黑匣子知之甚少，碰到问题总是一头雾水，所以趁着Webpack5.0发布不久，较完整地学习了一遍。本篇文章总结一下学习成果。整体大纲如下： 认识

Webpack 的使用目前已经是前端开发工程师必备技能之一。若是想在本地环境启动一个开发服务快速开发我们的应用（而不是每次 coding 完，手动执行 run build，全量打包），大家只需在

Webpack 本身只能处理JavaScript模块，如果要处理其他类型的文件，就需要使用loader 进行转换。 Loader可以理解为是模块和资源的转换器，它本身是一个函数，接受源文件作为参数，返回转换的结果。 引用《入门webpack》中的原文：css-loader使你能…

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

webpack4发布以来，我写项目都是用脚手架，即使再简单的项目，真的是really shame。。虽然道听途说了很多 webpack4 的特性，却没有尝试过，因为它给人的感觉就是，em...很难。但是今天我从最简单的部分开始，一点点搭建起一个项目。 而 webpack4 的 …