你只须要一行就能够完成hot-reload和友爱的毛病提醒

new WebpackBrowserLog(webpackConfig)

这里有张gif的效果图，请守候

日常平凡我们都在浏览器的console面板里看毛病，或者是在命令行里看毛病真是太累了！浏览器直接显现毛病极大的提升了开辟的效力！

不久前研讨webpack2，趁便产出了一个如许的小工具。好吧，实在很早以前就有了，鄙人只是封装了下webpack-dev-middlewar和webpack-hot-middleware罢了，然后能够很便利的挪用。以下

const WebpackBrowserLog = require('webpack-browser-log'); // 引入webpack-browser-log
const merge = require('webpack-merge'); // 引入webpack-merge
const webpackDev = require('./webpack.dev'); // 引入你webpack.dev的设置
const base = require('./webpack.base'); // 引入你webpack base的设置
const webpackConfig = merge(base,webpackDev); // 兼并两设置

//重点鄙人 ---------
new WebpackBrowserLog(webpackConfig); // 默许只须要传入须要启动的webpack设置就OK了
//重点在上 ---------

剩下的照样直接看github的readme吧！愿望你喜好！

https://github.com/MeCKodo/we…

文章首发于http://www.meckodo.com

下一篇，我们将会引见webpack两种设置的差别。