@invisionapp/dsm-storybook

dsm-storybook

Provisioned by RUDI

Configuration

Webpack:

in webpack.config.js we are using:

libraryTarget: 'umd',
umdNamedDefine: true

so our library output will be with umd syntax. umdNameDefine: true will name the amd module of the umd build with the library name.

https://webpack.js.org/configuration/output/

https://webpack.js.org/guides/author-libraries/#expose-the-library

https://tomasalabes.me/blog/web-development/2016/04/30/Webpack-Series-Part-1.html

differences between amd, commonjs and amd: https://www.davidbcalhoun.com/2014/what-is-amd-commonjs-and-umd/

Babel:

in .babelrc we are using:

{
 ...
  "plugins": ["add-module-exports"],
 ...
}

that removes the need to use ".default" to get export default functions.

https://www.npmjs.com/package/babel-plugin-add-module-exports

we should consider if we need to use modules: false in babel. right now it is default (auto)

https://babeljs.io/docs/en/babel-preset-env