糖醋排骨

interjc weblog

0%

发表于 更新于 分类于 Disqus：

打开 SourceTree，按 ⌘ + ,，在 General 选项卡中，勾选「Allow SourceTree to modify your global config files」，然后就可以在 Diff 界面设置自己想要使用的 External Diff Tool 了。

发表于 更新于 分类于 Disqus：

首先你需要 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'
  })
]

发表于 更新于 分类于 Disqus：

把 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()
  })
})

发表于 更新于 分类于 Disqus：

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

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

Windows 的方案点这里