url-loader是对file-loader的一个封装，比如webpack中对图片的加载器配置 {test: /.(png|jpg)$/, loader: 'url-loader?limit=8192'} 这样在小于8K的图片将直接以base64的形式内联在代码中，可以减少一次http请求。 如果文件大小大于限制，将转为使用 file-loader，所...
1.前言 如果我们希望在页面引入图片（包括img的src和background的url）。当我们基于webpack进行开发时，引入图片会遇到一些问题。 其中一个就是引用路径的问题。拿background样式用url引入背景图来说，我们都知道，webpack最终会将各个模块打包成一个文件，因此我们样式中的url路径是相对入口html页面的，而...
前言 本文主要从webpack4.x入手，会对平时常用的Webpack配置一一讲解，各个功能点都有对应的详细例子，所以本文也比较长，但如果你能动手跟着本文中的例子完整写一次，相信你会觉得Webpack也不过如此。 一、什么是webpack，为什么使用它？ 1.1 什么是webpack？ 简单来说，它其实就是一个模块打包器。 1.2 为什么使用它？ 如果像...
这是Webpack+React系列配置过程记录的第五篇。其他内容请参考： 第一篇：使用webpack、babel、react、antdesign配置单页面应用开发环境 第二篇：使用react-router实现单页面应用路由 第三篇：优化单页面开发环境：webpack与react的运行时打包与热更新 第四篇：React配合Webpack实现代码分割与异步加...