此文作为构建专栏的目录。 介绍了我司以及写这个专栏的初心和内容形式。 作为开篇还介绍了截止到现在构建工具的历史演进过程。

loader 干啥的？ 也就是说，webpack 把任何文件都看做模块，loader 能 import 任何类型的模块，但是 webpack 原生不支持譬如 css 文件等的

本文讲述的最佳实践是从日常业务中总结而出的，不一定适合所有项目。毕竟每个公司或个人的项目不同，最佳实践也会有所不同。但是可以从这篇文章借鉴吸收一点有用的东西，有问题的地方也欢迎大家积极吐槽指正。

webpack官网的首屏图片就已经很清楚的描述了他的工作原理，这里我们来简单理解一下webpack打包的核心工作过程。 我们以一个普通的前端项目为例，在我们的项目中一般都会散落着各种各样代码及资源文件，webpack会根据我们的配置找到其中的一个文件作为打包的入口，一般情况这个…

使用speed-measure-webpack-plugin，可以看到loader和插件的执行耗时。 使用webpack-bundle-analyzer，构建完成后会在8888端口展示大小。 概念：一个模块可能有多个方法，只要其中某个方法使用到了，则整个文件都会被打包到bund…

由于最近在公司写一些webpack的插件，用于处理一下工作上面的代码，所以研究了一下webpack的打包原理。本文就是总结一下webpack的基本实现的原理，由于公司内部使用webpack 4.35.0， 所以基于这个版本对webpack进行简单的了解，之后升级为webpack…

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

npm install 命令用来安装模块到node_modules目录。 安装之前，npm install会先检查，node_modules目录之中是否已经存在指定模块。如果存在，就不再重新安装了，即使远程仓库已经有了一个新版本，也是如此。 如果想更新已安装模块，就要用到npm…

npm 是 JavaScript 世界的包管理工具，并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码，管理项目依赖关系。 npm是用node.js编写的，因此您需要安装node.js才能使用npm。 在node.js官网下载安装包，傻瓜式安装…