Webpack 开启 preload / prefetch

首先你需要 Webpack 3.x 才可以完整的拥有这些功能,然后安装 preload-webpack-plugin

然后在 webpack 配置里面加上:

上面的代码会执行默认设置,所有动态加载的内容会以 preload 的形式加载,但这样会报 warning,并且也是非必要的,所以我们稍作修改,使用 prefetch 的方式,闲时加载:

升级 Webpack 至 3.x

把 Webpack 从 2.x 升级到 3.x 以后,发现 HMR 无法正常使用了,每次修改文件,页面都会通过 reload 的方式来刷新内容,而不是 Module Replacement 的方式,搜了一大圈,找到办法,注释掉下面的配置即可(via):

NVM 使用淘宝镜像

nvm 是一个好用的 nodejs 版本管理工具,但由于众所周知的原因,当使用 nvm 下载安装 nodejs 时,有时候会出现龟速甚至无法下载的情况,其实他是可以换源的。

MAC / Linux 下只需要执行如下命令即可:

Windows 的方案点这里

关闭 VSCode 中的 Minimap

无法理解很多人喜欢在编辑器里面显示 minimap 的习惯,反正我是一直都关闭的,然而最近一次更新以后,vscode 里面出现了 minimap,并且在「用户设置」里面设置 “editor.minimap.enabled”: false 也无法关闭,搜了半天,发现更新以后,工作区设置里面多了一项 “editor.minimap.enabled”: true,怒删,问题解决。

原文参考:

After the upgrade, for some reason the workspace settings had minimap.enable set to “true”. I didn’t put that in there, but it got there somehow during the upgrade.