Mahesh Senniappan maheshsenni

maheshsenni / hmr.js

Last active May 10, 2016 00:40

Step 2b - Creating a module bundler with Hot Module Replacement

	/* This file is included in the page running the app */
	(function() {
	// create an instance of Socket.IO for listening
	// to websocket messages
	var socket = io();

	// listen for 'file-change' message
	socket.on('file-change', function(msg) {
	console.log('File changed: ' + msg.id);
	// reload the browser to get the latest changes

maheshsenni / index.js

Created May 10, 2016 00:24

Step 2 - Creating a module bundler with Hot Module Replacement

	// some code here

	// websocket connection for notifying browser
	var io = require('socket.io')(http);

	// some code here

	var processFiles = function(callback) {
	// some code here
	md.pipe(JSONStream.stringify())

maheshsenni / index.js

Last active May 9, 2016 00:18

Step 1 - Creating a module bundler with Hot Module Replacement

	var mdeps = require('module-deps');
	var browserPack = require('browser-pack');
	var JSONStream = require('JSONStream');
	var fs = require('fs');
	var path = require('path');
	// express - for serving our app
	var express = require('express');
	var app = express();
	var http = require('http').Server(app);

maheshsenni / app.js

Last active May 12, 2016 02:39

Creating a module bundler with Hot Module Replacement

	// require counter implementation from counter.js
	var message = require('./message.js');

	document.querySelector('#message').innerText = message;

maheshsenni / webpack-update-chunk.js

Last active May 8, 2016 23:19

Creating a module bundler with Hot Module Replacement

	webpackHotUpdate(0,{
	/***/ 78:
	/***/ function(module, exports, __webpack_require__) {
	exports = module.exports = __webpack_require__(79)();
	// imports
	// module
	exports.push([module.id, "body {\n background-color: yellow;\n}", ""]);
	// exports
	/***/ }
	})