背景：项目打包后，发现vendor.js不算大，而vendor.js.map很大，导致发布生产环境文件超限制 static/js/vendor.5b2373a0266a53420600.js 715 kB 0 [em ...

提问 sw-precache是什么？ workbox又是什么？ web前端的各位同学可能或多或少听过pwa，听过service worker（后面简称为SW），也知道对应的生命周期。知道了这些api后，你还是不知道如何将pwa技术投入生产。 ...

交代下背景 公司背景：有自己的业务线，类似有赞外包服务的套娃功能，提供给企业一些H5，小程序，PC和各种独立的线上业务功能。 个人背景：Vue重度用户，react轻度使用，jquery用过几年后来退休了，uni-app正在使用，其他的框架或 ...

Rome Sebastian McKenzie，就是 Yarn 和 Babel 的作者，也是 Facebook RN 团队的成员，最近在做一个雄心勃勃的实验项目：开发一个包罗万象的 JavaScript 和 TypeScript 工具链， ...

随着互联网的深入发展，前端开发工程师已成为市场上极具竞争力的人才。许多学生，包括以前的UI，java，或完全零基础，想学习的前端。那么话不多说，直接上干货，希望能帮助到大家。前端开发受欢迎程度：2019年，JetBrains 发起了其标准的 ...

1. 工欲善其事，必先利其器，首先搭建我们的开发环境 首先使用npm init -y 创建初始化的配置文件，然后下载一下我们后面需要的开发依赖： npm i webpack webpack-cli webpack-dev-server ht ...

前端自学路线图如下，前端自学需要耗费的时间和精力不比其他编程的少，近些年企业对前端人才的需求在不断增加，怎么还会有人说自学前端找不到工作？这是出于这样的原因，黑马程序员给想要自学前端的小伙伴整理一整套自学路线图，从自学HTML5到React ...

这系列文章就是手把手教你如何从零构建一个webpack项目。目的就是为了了解webpack打包怎么玩的，平常项目开发中所用如ES6语法、less、vue是如何被打包的，是一个比较基础的内容，我也是为了总结一下这方面的知识点，梳理一下个人的 ...

初步解决 下面用到的插件： HTML Webpack Plugin（本来打算通过这个插件打包出带哈希值的文件，但结果不行，但它另有用途） Webpack Manifest Plugin（没有这个的话，服务器根本就不知道hash之后的JS和C ...

本章在上章内容的基础上简单扩展一下，先说下模块的规范，有哪些标准，然后谈下webpack的loader怎么用以及使用webpack中的babel-loader简单打包一下。 git仓库：webpack-demo 1、模块化规范 上章我们知 ...