查看所有文档页面：全栈开发，获取更多信息。 原文链接：webpack原理，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。 在了解 Webpack 原理前，需要掌握以下几个核心概念，以方便后面的理解： Entry：入口，Webpack 执行构建的第一步将从 Entr…

最近特别关注 vue-cli 3 的更新情况，有很多特别棒的新功能和特性，比如基于 UI 界面的项目管理器（参数配置、数据查看、插件安装一体的界面工具）、可配置的输出构建类型（App、库、组件、异步组件）、构建模式 Modern mode 等等。下面我们重点关注下 Modern…

目前大家使用最多也是最广泛的应用打包工具就是 webpack 了，除去 webpack 本身已经提供的优化能力（例如，Tree Shaking、Code Splitting 等）之外，我们还能做哪些事情呢，本篇主要就为大家介绍下滴滴 WebApp 团队在这条路上的一些探索。 现…

上篇讲了首屏优化，具体文章详见移动spa商城优化记（一）---首屏优化篇，这次来分享一下打包速度的一些优化经验，因为在实际项目开发中，随着项目的不断增大，依赖项不断增多，我们会发现webpack打包速度会越来越慢，有时候npm run一下可能出去上个厕所的时间都够了，在这快速发…

随着我们项目越来越复杂，我们在用webpack打包的时候，会发现打包的速度越来越慢，最后慢到打包一次要几分钟甚至更多的时间，缓慢的打包速度严重影响效率，那么如何提高打包速度就成为了我们的痛点，一般大家都是用HappyPack、Dellplugin和UglifyJsPlugin(…

使用webpack4提升180%编译速度

之前开发vue项目，一直是自己搭建脚手架，并没有使用配套的Vue-CLI。原因是： 二、是觉得自己从零配置项目可控性更强。 Vue-CLI 3.0 于去年8月份就已发布，却一直没去了解。近日，有新Vue H5项目开发，就想着用Vue CLI3.0脚手架构建项目。并记录一下构建使…

经过前几篇文章我们介绍了 webpack 如何从配置文件的入口开始，将每一个文件转变为内部的 module，然后再由 module 整合成一个一个的 chunk。这篇文章我们来看一下最后一步 —— chunk 如何转变为最终的 js 文件。 上篇文章主要是梳理了在 seal 阶…

AST 是一个非常基础但是同时非常重要的知识点，我们熟知的 TypeScript、babel、webpack、vue-cli 得都是依赖 AST 进行开发的。本文将通过 AST 与前端工程化的实战向大家展示 AST 的强大以及重要性。 第一次看见 AST 这个概念的时候还是在《…