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

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

在学习 Webpack 之前，我们需要了解一个概念：模块。 比如：我想在 C# 中进行数据库操作，我只需要在代码头部加上 下面这两段代码即可。 这两段代码可以看成 两个与数据库操作相关的模块。 当我们需求是数据库，或者是读取 IO 等其他操作，我们便加载其他不同的模块。 很明显…

webpack 是我们现阶段要掌握的重要的打包工具之一，我们知道 webpack 会递归的构建依赖关系图，其中包含应用程序的每个模块，然后将这些模块打包成一个或者多个 bundle。 莫慌，我们一点点拆分开看，其实总体的文件就是一个 IIFE——立即执行函数。 函数的入参 mo…

最近在学习 webpack 基础使用，项目优化等问题。总感觉要写点东西记录一下。如果你对webpack感兴趣的话，可以跟着这篇文章来尝试搭建（大神自行略过），好了废话不多说直接进入正文。 首先在项目下创建 webpack.config.js，下文中会直接使用默认配置中的属性将不…

上篇《Webpack5新特性尝鲜（一）：安装与启动》，对比了Webpack4和Webpack5在安装和启动方面的差异。本篇，继续讲解Webpack5的新特性。资源模块处理资源模块（assetmodul

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

下面我们接着上一篇文章，谈论些更多有意思的东西。 单页面应用中,有很多框架都做了该功能,比如基于vue的Nuxt.js,基于react的UmiJS。比起单页面,多页面中并没有路由嵌套,路由传参等复杂的路由结构,所以在多页面中实现路由自动生成要比单页面简单些。 自动生成路由最主要…

...