糖醋排骨

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

1

npm install --save-dev preload-webpack-plugin

然后在 webpack 配置里面加上:

1
2
3
4

plugins: [
  new HtmlWebpackPlugin(),
  new PreloadWebpackPlugin()
]

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

1
2
3
4
5
6

plugins: [
  new HtmlWebpackPlugin(),
  new PreloadWebpackPlugin({
    rel: 'prefetch'
  })
]

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

1
2
3
4
5
6

compiler.plugin('compilation', function (compilation) {
  compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
    hotMiddleware.publish({ action: 'reload' })
    cb()
  })
})

nvm 是一个好用的 nodejs 版本管理工具，但由于众所周知的原因，当使用 nvm 下载安装 nodejs 时，有时候会出现龟速甚至无法下载的情况，其实他是可以换源的。 MAC / Linux 下只需要执行如下命令即可：

1

export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node/

Windows 的方案点这里

当使用 Flex 布局，并在 flex:1 的元素中放置 el-table 组件时，就有一定的几率出现，el-table 的宽度不断不重新计算的 BUG。 解决方法，给 flex:1 的元素加上 overflow-x: hidden;

via

在国外的Reddit和索尼官方论坛，以及国内的一些主机论坛上都有玩家爆料称，更新了4.7系统后 PS4 主机会出现黑屏卡死的现象。而且这一问题应该并非硬件导致，因为无论是老版主机用户还是新版 PS4 Pro 和 PS4 Slim 主机的用户都遇到过这种现象。 目前索尼官方还未就 4.7 系统的 bug 做出回应，不过民间已经有人发布了一些可行的解决方案：

1. 如果你已经更新了4.7系统并遭遇了黑屏卡死的问题，首先按电源按钮来强制关闭PS4，等待关闭后再按住电源按钮不放手，直到听到哔哔两声进入安全模式。在安全模式下重新建立数据库，然后重新启动回到安全模式，从那里安装更新，随后问题就被修复，主机正常工作。
2. 如果你还没有更新4.7系统，那么在安全模式下启动主机，然后确保断开网线或Wi-Fi连接，重新建立数据库启动主机，之后就能正常工作并且联网进行更新。
3. 如果你有外接硬盘，先断开与外接硬盘的连接，然后按电源按钮关闭主机，再开机进入安全模式，然后再重启直到主界面，然后再连接外接硬盘，让系统自动读取和修复，最后再次重启，就能正常联网并更新4.7系统了。