摘要：
使用url-loader引入图片，可以说它是file-loader的增强版 url-loader会把我们的图片使用base64的形式编码成另外一种字符串，网页是可以识别这种编码的东西的，这样的好处是，它减少了图片的请求，你只要请求回了这个页面，图片也就过来了，可以减少网络的请求，但是如果图片过大，这 阅读全文
摘要：
前言 浏览器为了优化体验，会有缓存机制。如果浏览器判断当前资源没有更新，就不会去服务端下载，而是直接使用本地资源。在webpack的构建中，我们通常使用给文件添加后缀值来改名以及提取公共代码到不会改变的lib包中来解决新资源缓存问题。 hash & chunkhash & contenthash 输 阅读全文
摘要：
1、判断IE浏览器的具体版本function IEVersion() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && user 阅读全文
摘要：
1、scp xxx xxx 把前者替换后者，或者copy，例如：scp wps@88.88.88.88:/home/wps/wps/www/old.www.wps.cn/template/privacy/wpsphoto.html /Users/xiaoming/Desktop 2、pwd 查看当下 阅读全文
摘要：
Module module的配置如何处理模块。 配置Loader rules 配置模块的读取和解析规则， 通常用来配置loader， 其类型是一个数组， 数组里每一项都描述了如何去处理部分文件。 配置一项rules大致通过以下方式： 例子： 在loader需要传入很多参数的时候，我们还可以通过一个o 阅读全文
摘要：
Output output配置如何输出最终想要的代码，output是一个object里面包含一系列配置。 output.filename配置输出文件的名称，为string类型，如果只有一个输出文件，我们可以将它写为静态不变的： 现在有多个chunk要输出时，就需要借助模板和变量了，前面说到webpa 阅读全文
摘要：
首先说下为啥需要Entry。这跟webpack的构建机制有关系，webpack跟其他不同的是，webpack是模块打包器。把一切的资源，无论是js、css之类的代码资源，还是图片、字体等的非代码资源，它们都是一个个的模块，它们之间存在依赖关系的，因此根据入口文件去找依赖。入口文件的依赖也有可能有依赖 阅读全文
摘要：
Resolve webpack在启动后会从配置的入口模块触发找出所有依赖的模块，Resolve配置webpack如何寻找模块对应的文件。webpack内置JavaScript模块化语法解析功能，默认会采用模块化标准里约定好的规则去寻找，但你可以根据自己的需要修改默认的规则。 1. alias res 阅读全文
摘要：
本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将本文整理成了一个github仓库，欢迎大家star 仅居中元素定宽高适用 absolute + 负margin absolute + margin auto absolute + calc absolute + 负ma 阅读全文
摘要：
git和 svn不同，仅仅跟踪文件的变动，不跟踪目录。所以，一个空目录，如果里面没有文件，即便 git add这个目录，另外在别处 check out 的时候，是没有这个空目录的。 只跟踪文件变化，不跟踪目录，这么设计是有原因的。但这会带来一些小麻烦。有时候，确实需要在代码仓库中保留某个空目录。比如 阅读全文