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

babel-plugin-add-module-exports

Installation

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

Why?

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

Kill CommonJS default export behaviour - babel/babel#2212

// index.js
export default 'foo'

npm install babel-cli --global
npm install babel-preset-es2015 --save-dev
npm install babel-plugin-transform-es2015-modules-commonjs@6.1.4 --save-dev

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

Therefore, need to use the .default at NodeJS.

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

This plugin add the module.exports if only the export default declaration exists.

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
# });
# exports.default = 'foo';
# module.exports = exports['default'];

Therefore, .default is the unnecessary.

require('./bundle.js') // foo

License

MIT