ipoddubny · February 11, 2024 22:33
diff --git a/amd.js b/amd.js
 define(['cjs'], function (cjs) {
  console.log('amd module loaded');
  console.log('cjs exported:', cjs);
  return 'AMD';
 });
diff --git a/async.js b/async.js
 define([], function () {
  console.log('This module has been loaded asynchronously');

  return 'ASYNC';
 });
diff --git a/cjs.js b/cjs.js
 console.log('cjs module loaded');

 module.exports = 'CJS';
diff --git a/main.js b/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);
diff --git a/test.html b/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>
diff --git a/webpack.config.js b/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);