ipoddubny/amd.js

## amd.js
define(['cjs'], function (cjs) {
  console.log('amd module loaded');
  console.log('cjs exported:', cjs);
  return 'AMD';
});

## async.js
define([], function () {
  console.log('This module has been loaded asynchronously');

  return 'ASYNC';
});

## cjs.js
console.log('cjs module loaded');

module.exports = 'CJS';

## main.js
var amd = require('amd');

console.log('this is main.js');

console.log('amd module exported:', amd);

setTimeout(function () {
  require(['async'], function (async) {
    console.log('async module returned:', async);
  });
}, 5000);

## test.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Webpack demo</title>
</head>

<body>
	<h1>Webpack demo</h1>
	<script src="bundle.js"></script>
</body>
</html>

## webpack.config.js
module.exports = {
  entry: 'main.js',
  output: {
    filename: 'bundle.js'
  },
  resolve: {
    root: [
      __dirname
    ],
    extensions: ['', '.js']
  }
};
	define(['cjs'], function (cjs) {
	console.log('amd module loaded');
	console.log('cjs exported:', cjs);
	return 'AMD';
	});
	define([], function () {
	console.log('This module has been loaded asynchronously');

	return 'ASYNC';
	});
	var amd = require('amd');

	console.log('this is main.js');

	console.log('amd module exported:', amd);

	setTimeout(function () {
	require(['async'], function (async) {
	console.log('async module returned:', async);
	});
	}, 5000);
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Webpack demo</title>
	</head>

	<body>
	<h1>Webpack demo</h1>
	<script src="bundle.js"></script>
	</body>
	</html>
	module.exports = {
	entry: 'main.js',
	output: {
	filename: 'bundle.js'
	},
	resolve: {
	root: [
	__dirname
	],
	extensions: ['', '.js']
	}
	};