午休了吗

代码的压缩可以分为三个部分，HTML CSS JS。我们挨个来看。 1. HTML压缩 其实呢，这个插件主要是用来生成html文件，将 webpack中entry配置的相关...

tree shaking是一个术语，通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code)。它依赖于 ES2015 模块语法的 静态结构 特性，...

工作中，随着前端项目的扩张，无论从代码精简，还是团队合作，上线部署等各个方面来说，模块化已经不可或缺。 模块化的最大作用就是提高代码的复用率，解耦，减少冲突。 前端模块化的...

webpack的指纹策略是实现前端增量更新的方案之一。通过给文件加上hash后缀，从而最大程度上使用缓存 根据描述，我们已经可以大概区分用法，chunkHash可以用于js...

数组乱序指的是：将数组元素的排列顺序随机打乱。 将一个数组进行乱序处理，是一个非常简单但是非常常用的需求。 比如，“猜你喜欢”、“点击换一批”、“中奖方案”等等，都可能应用...

我们知道webpack本身只能解析js文件，但是我们的项目中肯定会有html,css,图片等其他文件类型，这个时候我们就需要loader帮我们把这些文件转化成webpack...

上一节我学习了webpack-dev-middleware，但是单独使用它并没有实现热更新，所以这节我要学习搭配使用webpack-hot-middleware，来实现热更...

上一节，学习到通过webpack-dev-server搭配HotModuleReplacementPlugin插件可以实现不刷新页面的模块热更新。 就是webpack-de...

cp dir/* . 复制一个目录下的所有文件到当前工作目录 dir=文件名 cp -a /tmp/dir1 . 复制一个目录到当前工作目录 待续......

ES6之前，我们只能用indexOf来判断一个字符串是否包含另外一个字符串。现在ES6提供了三个新方法： repeat方法返回一个新的字符串，将原字符串重复n次。 ES6引...

上一章对webpack的配置有了简单的认识。 这一章，我需要学习的是webpack热更新，因为在开发过程中，不希望当文件更改时，人肉去编译文件，刷新浏览器。 实际操作一下。...

webpack是个模块打包机，无论什么资源都会被打包成模块，模块之间是有引用关系的，所以会构建一个关系依赖图，那么我们需要一个入口文件，从这个入口开始一步一步查找依赖关系，...

前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转...

布局问题一直在不断地被优化，最初可能是使用block、inline-block、table,或者直接使用float、position等... 后来flex出现了，我们可以快...

一直没有学习过CDN和负载均衡的知识，今天来给自己补充一下基础性的东子，起码知道是干啥的。 之前的印象里，总是把两者弄混，觉得是差不多的东西，这个观念肯定是错误的。 两者的...

报错原因是根目录的package.json没有设置证书~所以我再重新设置下证书,每次加一个新包都会报这个问题，还是按照提示新增一个LICENSE.md文件即可。 以上是le...

本次分享一个提供设计稿与前端页面进行一个像素对比的node服务，旨在为测试或者前端人员自己完成一个辅助性测试。...

nodejs 社区乃至 Web 前端工程化领域发展到今天，作为 node 自带的包管理工具的 npm 已经成为每个前端开发者必备的工具。但是现实状况是，我们很多人对这个no...

另外，Nuxt.js 使用 Webpack 和 vue-loader 、 babel-loader 来处理代码的自动化构建工作（如打包、代码分层、压缩等等）。 从图中可见很...

这里的init表示初始化一个 npm 项目， -y 表示全部选 yes，不加的话会提示输入一些项目信息，比如项目名，版本号，作者... 官方推荐移除文件中的入口配置，这样可...