一、什么是前端工程化 前端工程化是使用软件工程的方法来解决前端的开发流程中模块化、组件化、规范化、自动化的问题，其主要目的为了提高效率和降低成本。 二、为什么需要前端工程化？ Web业务日益复杂化和多元化，现在随便找个前端项目，都已经不是过去的拼个页面+搞几个jQuery插件就能完成 ...

从0开始，构建前后端分离应用 导航 前端工程化（一）---工程基础目录搭建 前端工程化（二）---webpack配置 前端工程化（三）---Vue的开发模式 继续上一遍的配置，本节主要记录webpack的配置过程 webpack的基础知识可以参照官方文档 ...

什么是前端工程化？ 虽然前端工程化的概念兴起还没几年的时间，但是对于“工程化”这个词并不是一个新鲜词了，在其他软件开发的领域很早就已经有了高度的工程化，例如Web服务端开发。只不过那个时候，前端工程师并没有工程化的意识，也没有必要对前端进行工程化的操作，毕竟在那个时期，前端的开发 ...

前端工程化 为什么需要工程化 何为前端工程化 webpack 大图 ...

下面是来自知乎对前端工程化的小小解释 我认为，「什么是前端工程化」——这是一个很好的问题，但同时也是一个非常「务虚」的问题。 因为前端工程化是一个极度宽泛且宏大的概念，我们很难去下一个定义，也无法给出一个样例来解释。我试图从工程（构建）工具对比和一个线上 bug 的处理来侧面说明 ...

在不知道什么时候，突然有人提起前端工程化这东西，一开始觉得又是某个大神故意提起的高深词汇，专门来吓唬人的。 继而我疯狂查找了很多的资料，在接近二十篇的相关资料，每一篇文章都写得神乎其神，大有唯我独尊的意味，但每篇看下来，总感觉不对经——就是大家都把自己一套比较规范的开发 ...

写在前面 弄清楚了tapable，我们基本上对webpack的plugin没有什么问题了，下面我们将webpack的plugin和loader组合起来看一下。我们主要从以下几个方面来深入研究。照着网上的资料写几个例子（模仿），然后大致了解loader是什么（作用），它是怎么执行的（原理）以及找 ...

安装 安装：npm i -D babel-core babel-loader babel-plugin-transform-runtime 安装：npm i -D babel-p ...