通过 url-loader 将小文件转换成 base64 URIs 内联到 bundle.js 中，可以减少 HTTP 请求次数。 输出的资源只有一张 51Kib 的图片，22Kib 的图片被转换成 base64 Uris 字符串内联到 bundle.js 中去了。 在Chro…

一般待过大公司的同学都知道，一个成熟稳定的公司肯定需要销售产品或推广产品来盈利，推广自己的产品则需要活动页面来引流。下面，我将分享自己在公司的探索经历，教你用webpack4打造优化到极致的活动页面。 安装webpack webpack-cli，配置webpack.config…

笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了，这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库：webpack 学习整理文档，有兴趣的同…

缺点：颗粒度太粗，看不出问题所在。 思路：将react, react-dom, redux, react-redux基础包和业务基础打包成一个文件。 方法：创建一个单独的配置文件,一般命名为webpack.dll.js,使用DLLPlugin进行分包，DllReferenceP…

为了提高英文水平，尝试着翻译一些英文技术文章，首先就从这个Vue的小技巧文章开始，目前英文版一共22篇。计划用时2~3个月翻译完成。 我们可以用不同的方式处理Web性能，其中之一就是删除我们在应用程序中不使用的所有JS和CSS。 就CSS而言，当我们使用Bootstrap、Bu…

本节就将通过使用 webpack-dev-server 来解决这个问题，并且在体验上会比以前更好，因为连刷新浏览器都不需要你做了。 在介绍 webpack-dev-server 之前，我们其实还有一种不完善的方法来处理开发环境调试的问题，那就是 Webpack 的 watch …

webpack 的特点之一是处理一切模块，我们可以将逻辑拆分到不同的文件中，然后通过模块化方案进行导出和引入。现在 ES6 的 Module 则是大家最常用的模块化方案，所以你一定写过 import './xxx' 或者 import 'something-in-nodemod…

在4月25日，我参加了前端早早聊的在线直播话题---前端如何搞监控。 听完之后收获很大。我将把会议总结为前端搞监控的价值、需要监控的内容等方向去描述，并以自研监控SDK的经验为例，进一步了解前端搞监控的技术点所在。 通过用户行为采集分析，当前端及客户端线上出现异常时，可以通过用…