摘要：你只需要一行就可以实现和友好的错误提示这里有张的效果图，请等待平时我们都在浏览器的面板里看错误，或者是在命令行里看错误真是太累了浏览器直接显示错误极大的提升了开发的效率不久前研究，顺便产出了一个这样的小工具。
你只需要一行就可以实现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两种配置的差异。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/81810.html
摘要：下载完成之后你可以这样启动它如果控制台提醒这个指令无效，可以尝试最好的方法是在中添加命令如下上述命令会使浏览器自动打开到地址。下载完成，如下使用。 开发Development 在这篇中我们将说明怎样开始开发，以及增从三个工具中择一进行开发。假使你已经设置了webpack.config.js设置文件。 该文档已在webpack2.x中存在，点击这里 永远不要再生产产品中使用这些工具，绝对...
摘要：它会检测出最大静态子树就是不需要动态性的子树并且从渲染函数中萃取出来。这样在每次重渲染的时候，它就会直接重用完全相同的同时跳过比对。需要注意的是，中的操作必须是同步的，不可以存在异步操作的情况。 新增：哈哈，最近又推出了 vue 的文章，在这里放个链接~手把手教你从零写一个简单的 VUE 感谢有人看我扯技术，这篇文章主要介绍最近非常火的vue2前端框架的特点和vue2+vuex2+we...
摘要：它会检测出最大静态子树就是不需要动态性的子树并且从渲染函数中萃取出来。这样在每次重渲染的时候，它就会直接重用完全相同的同时跳过比对。需要注意的是，中的操作必须是同步的，不可以存在异步操作的情况。 新增：哈哈，最近又推出了 vue 的文章，在这里放个链接~手把手教你从零写一个简单的 VUE 感谢有人看我扯技术，这篇文章主要介绍最近非常火的vue2前端框架的特点和vue2+vuex2+we...
摘要：它会检测出最大静态子树就是不需要动态性的子树并且从渲染函数中萃取出来。这样在每次重渲染的时候，它就会直接重用完全相同的同时跳过比对。需要注意的是，中的操作必须是同步的，不可以存在异步操作的情况。 新增：哈哈，最近又推出了 vue 的文章，在这里放个链接~手把手教你从零写一个简单的 VUE 感谢有人看我扯技术，这篇文章主要介绍最近非常火的vue2前端框架的特点和vue2+vuex2+we...
阅读 1293·2021-11-09 09:45
阅读 1606·2021-11-04 16:09
阅读 1291·2021-10-14 09:43
阅读 1608·2021-09-22 15:24
阅读 1353·2021-09-07 10:06
阅读 1501·2019-08-30 14:15
阅读 818·2019-08-30 12:56
阅读 1480·2019-08-29 17:22
