摘要：
1. noParse 作用主要是过滤不需要解析的文件，比如打包的时候依赖了三方库（jquyer、lodash）等，而这些三方库里面没有其他依赖，可以通过配置noParse不去解析文件，提高打包效率。 是module中的一个属性，设置一个正则表达式，过滤多个库以|分割 module: { noPars 阅读全文
摘要：
style -loader <= css-loader <= less-loader style-loader 将css样式插入到html中 css-loader 解析import、require 路径处理 less-loader 将less解析为css { test: /\.less$/, use 阅读全文
摘要：
1. Candy Solo和koko分糖 如果可以分给弟弟，必定满足全部异或为0，找出最小的一个给弟弟 function handle1(input) { let [num, map] = input.split("\n"); map = map.split(/\s+/).map(a => Numb 阅读全文
摘要：
实现效果: 第一行：子选项的选中状态 等于 全选框的状态 this.letters.forEach(item => item.check = this.checkAll) 第二行： 使用数组 every 方法的特性，数组的每一项均满足某一条件时，结果为 true 也可以使用数组的 filter方法， 阅读全文
摘要：
处理 webpack 在编译过程中的某个特定任务的功能模块，plugins 选项用于以各种方式自定义 webpack 构建过程。其中webpack 附带了各种内置插件，可以通过 webpack.[plugin-name] 访问这些插件。 webpack 打包的整个过程，它并不直接操作文件，而是基于事 阅读全文
摘要：
webpack 打包模块化后的应用程序，会生成一个可部署的 /dist目录，只要 /dist 目录中的内容部署到 server 上，client（通常是浏览器）就能够访问此 server 的网站及其资源。而最后一步获取资源是比较耗费时间的，这就是为什么浏览器使用一种名为 缓存 的技术。 通过命中缓存 阅读全文
摘要：
懒加载或者按需加载，是一种很好的优化网页或应用的方式。实际上是先把代码在一些逻辑断点处分离开，然后在一些代码块中完成某些操作后，立即引用或引用另外一些新的代码块。这样加快了应用的初始加载速度，减轻了它的总体体积，因为某些代码块可能永远不会被加载。 在代码拆分的例子基础上，会在脚本运行时产生一个分离的 阅读全文
摘要：
代码拆分能够将代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。代码拆分可以用于获取更小的 bundle，以及控制资源加载优先级，会影响加载时间。 常用的代码拆分方法： 入口起点：使用 entry 配置手动地分离代码。 防止重复：使用 CommonsChunkPlugin去重和 阅读全文
摘要：
生产环境构建 development和production的构建目标差异很大。dev中，需要具有实时重新加载或HMR能力的 source map 和 server。而在prod中目标则关注更小的 bundle，更轻量的 source map，以及更优化的资源，以改善加载时间。由于要遵循逻辑分离，通常 阅读全文
摘要：
Tree shaking 本质上为了消除无用的js代码，减少加载文件体积的方式，使其整体执行时间更短。无用的代码，又有另外一种叫法：Dead Code： 代码不可到达，不会执行，如不可能进入的分支，return 之后的语句等 代码中的某个变量只有写，而没有读操作 Tree Shaking 的执行环境 阅读全文