JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1112995
  • Score
    100M100P100Q195575F
  • License MIT

Fix babel/babel#2212

Package Exports

  • babel-plugin-add-module-exports

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (babel-plugin-add-module-exports) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

BabelPlugin Add module.exports NPM version Build Status Coverage Status Climate Status

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