Skip to content

Instantly share code, notes, and snippets.

@okcoker

okcoker/working vs broken server hmr.diff

Created October 10, 2017 02:59
Show Gist options
  • Save okcoker/3fe0cf0f94e8000fc7ec11eb5f468c0e to your computer and use it in GitHub Desktop.
Save okcoker/3fe0cf0f94e8000fc7ec11eb5f468c0e to your computer and use it in GitHub Desktop.
Download ZIP
working vs broken server hmr
Raw
working vs broken server hmr.diff
--- /working.js 2017-10-09 22:57:55.000000000 -0400
+++ /broken.js 2017-10-09 22:42:25.000000000 -0400
@@ -37,7 +37,7 @@
/******/
/******/
/******/ var hotApplyOnUpdate = true;
-/******/ var hotCurrentHash = "bf00a939cacd3fad67ef"; // eslint-disable-line no-unused-vars
+/******/ var hotCurrentHash = "7cc4b8eb7c319c328034"; // eslint-disable-line no-unused-vars
/******/ var hotCurrentModuleData = {};
/******/ var hotCurrentChildModule; // eslint-disable-line no-unused-vars
/******/ var hotCurrentParents = []; // eslint-disable-line no-unused-vars
@@ -690,7 +690,10 @@
/******/ ({
/***/ "./node_modules/webpack/hot/log-apply-result.js":
-/***/ (function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
/*
MIT License http://www.opensource.org/licenses/mit-license.php
@@ -736,7 +739,10 @@
/***/ "./node_modules/webpack/hot/poll.js?1000":
/***/ (function(module, exports, __webpack_require__) {
-/* WEBPACK VAR INJECTION */(function(__resourceQuery) {/*
+"use strict";
+/* WEBPACK VAR INJECTION */(function(__resourceQuery) {
+
+/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
@@ -787,25 +793,36 @@
/***/ }),
/***/ "./src/app.js":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ (function(module, exports, __webpack_require__) {
"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_express__ = __webpack_require__(0);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_express___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_express__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__middleware_api__ = __webpack_require__("./src/middleware/api.js");
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__middleware_view__ = __webpack_require__("./src/middleware/view.js");
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+var _express = __webpack_require__(0);
-var app = __WEBPACK_IMPORTED_MODULE_0_express___default()();
+var _express2 = _interopRequireDefault(_express);
-app.use("/api", __WEBPACK_IMPORTED_MODULE_1__middleware_api__["a" /* default */]);
-app.get('*', __WEBPACK_IMPORTED_MODULE_2__middleware_view__["a" /* default */]);
+var _api = __webpack_require__("./src/middleware/api.js");
+
+var _api2 = _interopRequireDefault(_api);
+
+var _view = __webpack_require__("./src/middleware/view.js");
+
+var _view2 = _interopRequireDefault(_view);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var app = (0, _express2.default)();
+
+app.use("/api", _api2.default);
+app.get('*', _view2.default);
var _default = app;
-/* harmony default export */ __webpack_exports__["default"] = (_default);
+exports.default = _default;
;
var _temp = function () {
@@ -823,10 +840,15 @@
/***/ }),
/***/ "./src/middleware/api.js":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ (function(module, exports, __webpack_require__) {
"use strict";
-/* harmony export (immutable) */ __webpack_exports__["a"] = handler;
+
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+exports.default = handler;
function handler(req, res) {
res.send("\u2705 Dateexxxxx: <strong>" + new Date() + "</strong>");
}
@@ -845,10 +867,15 @@
/***/ }),
/***/ "./src/middleware/view.js":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ (function(module, exports, __webpack_require__) {
"use strict";
-/* harmony export (immutable) */ __webpack_exports__["a"] = handler;
+
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+exports.default = handler;
function handler(req, res) {
res.send("\n <!doctype html>\n <html>\n <head>\n <meta charset=\"utf-8\">\n <meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\">\n <meta\n name=\"viewport\"\n content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0\"\n />\n <title>Webpack Hot Server Example</title>\n </head>\n <body>\n <div id=\"app\">\n Waiting for <code>/api</code>&hellip;\n </div>\n\n <script>\n function render(markup) {\n document.getElementById(\"app\").innerHTML = markup;\n }\n\n function update() {\n fetch(\"/api\")\n .then(function(response) {\n return response.text();\n })\n .then(function(text) {\n render(text);\n setTimeout(update, 1000);\n })\n .catch(function(err) {\n render(\"\u274C \" + err.message + \" at <strong>\" + new Date() + \"</strong>\");\n setTimeout(update, 1000);\n })\n ;\n }\n\n update();\n </script>\n </body>\n </html>\n ");
};
@@ -867,28 +894,37 @@
/***/ }),
/***/ "./src/server.js":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ (function(module, exports, __webpack_require__) {
"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_express__ = __webpack_require__(0);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_express___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_express__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__app__ = __webpack_require__("./src/app.js");
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+
+var _express = __webpack_require__(0);
+
+var _express2 = _interopRequireDefault(_express);
+
+var _app = __webpack_require__("./src/app.js");
+
+var _app2 = _interopRequireDefault(_app);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
if (true) {
- module.hot.accept("./src/app.js", function(__WEBPACK_OUTDATED_DEPENDENCIES__) { /* harmony import */ __WEBPACK_IMPORTED_MODULE_1__app__ = __webpack_require__("./src/app.js"); (function () {
+ module.hot.accept("./src/app.js", function () {
console.log("🔁 HMR Reloading `./app`...");
- })(__WEBPACK_OUTDATED_DEPENDENCIES__); });
+ });
console.info("✅ Server-side HMR Enabled!");
} else {
console.info("❌ Server-side HMR Not Supported.");
}
-var _default = __WEBPACK_IMPORTED_MODULE_0_express___default()().use(function (req, res) {
- return __WEBPACK_IMPORTED_MODULE_1__app__["default"].handle(req, res);
+var _default = (0, _express2.default)().use(function (req, res) {
+ return _app2.default.handle(req, res);
}).listen(3000, function (err) {
if (err) {
console.error(err);
@@ -898,7 +934,7 @@
console.log("Listening at http://localhost:3000");
});
-/* harmony default export */ __webpack_exports__["default"] = (_default);
+exports.default = _default;
;
var _temp = function () {
@@ -930,4 +966,4 @@
/***/ })
/******/ });
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment