webpack在前端化过程中十分重要，所以花了一段时间学习webpack，以及webpack4新特性，本文是按照从易到难的过程，梳理部分webpack概念，常见的loader，plugins，webpack4新特新，还有部分高级概念。 Output: 如何命名输出文件，以及输出…

默认为true，效果就是压缩js代码。 可以自定义UglifyJsPlugin和一些配置,默认的压缩为uglifyjs-webpack-plugin 默认为false,runtime相关的代码(各个模块之间的引用和加载的逻辑)内嵌入每个entry。 默认为true,编译错误的时…

推荐先阅读 webpack 入门教程之后再来阅读本文。 Webpack 4 和单页应用入门 手摸手，带你用合理的姿势使用 webpack4 （上） 本文为手摸手使用 webpack4（下），主要分为两部分： 怎么合理的运用浏览器缓存 怎么构建可靠的持久化缓存 webpack 4…

编者按：本文作者辛昌浩，360奇舞团前端工程师。写在开头由于业务调整需要，最近接手了公司内部云平台的项目H。看了代码，开发了几个需求，我的第一感觉是，H项目真的是严肃又有历史感！因为它经过了好多位前端

bundle 和 chunk是什么？ 官网解释：bundle由chunk组成，其中有几种类型（入口 entry chunk child chunk）。通常，chunk会直接对所输出的bundle。但是有些配置并不会产生一对一的关系。 个人理解：chunk就是代码块的意思。多个c…

在上一篇 module生成1中我们已经分析了 webpack 是如何根据 entry 配置找到对应的文件的，接下来就是将文件转为 module 了。这个长长的过程，可以分成下面几个阶段 create: 准备数据，生成 module 实例。 add: 信息保存到 Compilat…

前阵子重构了一个挺有意思的项目，是一个基于浏览器环境的数据采集sdk。公司各个产品的前端页面中都嵌入了这个sdk，用于采集用户的行为数据，上传到公司的大数据平台，为后续的运营决策分析提供数据支撑。 笔者接手这个项目的时候，前任开发者已经把功能都写差不多了。唯一需要做的就是做下模…

webpack原理解读0配置文件首先简单看一下webpack配置文件(webpack.config.js):1.工作原理概述1.1基本概念在了解webpack原理之前，需要掌握以下几个核心概念Entr