babel-plugin-add-module-exports

What is babel-plugin-add-module-exports?

The babel-plugin-add-module-exports package is a Babel plugin that modifies the behavior of ES6 module exports to add a module.exports property. This is particularly useful for compatibility with CommonJS modules.

What are babel-plugin-add-module-exports's main functionalities?

Add module.exports to ES6 exports

This feature ensures that the default export of an ES6 module is also available as a CommonJS module export. This is useful for projects that need to support both ES6 and CommonJS module systems.

module.exports = exports['default'];

Other packages similar to babel-plugin-add-module-exports

babel-plugin-transform-es2015-modules-commonjs

This package transforms ES6 module syntax to CommonJS. While it doesn't specifically add module.exports, it converts import/export statements to require/module.exports, providing broader compatibility with CommonJS.

README

BabelPlugin Add module.exports

Fix Kill CommonJS default export behaviour - babel/babel#2212

Installation

npm install babel-plugin-add-module-exports --save-dev

Why?

babel-plugin-transform-es2015-modules-commonjs@6.1.3 doesn't support the module.exports.

// index.js
let foo= 'bar'
export default 'baz'
export {foo}

npm install babel-core@6.1.2 --global
npm install babel-preset-es2015 --save-dev
npm install babel-plugin-transform-es2015-modules-commonjs --save-dev

babel index.js --presets es2015 --plugins transform-es2015-modules-commonjs > bundle.js
# 'use strict';
#
# Object.defineProperty(exports, "__esModule", {
#   value: true
# });
# var foo = 'bar';
# exports.default = 'baz';
# exports.foo = foo;

Therefore, need to use the .default at NodeJS.

require('./bundle.js') // { default: 'baz', foo: 'bar' }
require('./bundle.js').default // 'baz'

The babel-plugin-add-module-exports add the module.exports to EOF.

npm install babel-plugin-add-module-exports --save-dev
babel index.js --presets es2015 --plugins add-module-exports > bundle.js
# 'use strict';
#
# Object.defineProperty(exports, "__esModule", {
#   value: true
# });
# var foo = 'bar';
# exports.default = 'baz';
# exports.foo = foo;
# module.exports = Object.assign(exports.default, exports);

Therefore, .default is the unnecessary.

require('./bundle.js') // { [String: 'baz'] default: 'baz', foo: 'bar' }
require('./bundle.js')+'' // baz

Can polyfill the Object.assign?

See also babel-plugin-transform-object-assign.

example:

npm install babel-plugin-transform-object-assign --save-dev
babel index.js --presets es2015 --plugins add-module-exports,transform-object-assign > bundle.js
# 'use strict';
#
# var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
#
# Object.defineProperty(exports, "__esModule", {
#   value: true
# });
# var foo = 'bar';
# exports.default = 'baz';
# exports.foo = foo;
# module.exports = _extends(exports.default, exports);

License

MIT