add-module-exports-webpack-plugin

add-module-exports-webpack-plugin

Add module.exports for Babel and TypeScript compiled code

When you use ES2015 modules with Babel or have a default export in TypeScript, they generate code which requires you to import it with require('x').default in CommonJS instead of require('x'). This plugin enables the latter.

Install

$ npm install add-module-exports-webpack-plugin

Usage

const AddModuleExportsPlugin = require('add-module-exports-webpack-plugin');

module.exports = {
	// …
	output: {
		filename: 'dist/index.js',
		libraryTarget: 'commonjs2'
	},
	plugins: [
		new AddModuleExportsPlugin()
	]
};

output.libraryTarget must be commonjs2

Primitive default exports

When exporting a primitive value as default export, other exported values will not be exported anymore. The reason is that this module redeclares the exports as follows.

module.exports.default = (arg1, arg2) => arg1 + arg2;
module.exports.subtract = (arg1, arg2) => arg1 - arg2;

This module re-exports them as follows.

module.exports = (arg1, arg2) => arg1 + arg2;
module.exports.default = (arg1, arg2) => arg1 + arg2;
module.exports.subtract = (arg1, arg2) => arg1 - arg2;

Because you can't attach properties to a primitive value, it's not possible to re-export the other properties and so you would end up with only a module.exports.

Related

• node-env-webpack-plugin - Simplified NODE_ENV handling
• add-asset-webpack-plugin - Dynamically add an asset to the webpack graph