build.config.js

const webpack = require.main.require('webpack')
const {name, version} = require('./package.json')

const demo = process.env.NODE_ENV === 'development' || process.env.npm_lifecycle_event === 'docs:build'

module.exports = {
  // generate html only for dev and dist:demo
  html: demo,
  babel: {
    babelrc: false,
  },
  webpack: {
    devtool: false, // disable source-map
    output: {
      publicPath: '.', // generate client.*.js relative to ./demo/index.html
      filename: demo ? undefined : kebabCase(name) + '.js', // my-component.js
      library: demo ? undefined : camelCase(name) // MyComponent
    },
    plugins: [
      new webpack.DefinePlugin({
        'proccess.env.VERSION': JSON.stringify(version) // adds MyComponent.version
      })
    ]
  }
}

// utils

// converts MyComponent to my-component
function kebabCase (s) {
  return s.replace(/([A-Z])([^A-Z\-])/g, (_, a, b) => `-${a}${b}`)
          .toLowerCase()
          .replace(/[\s_-]+/g, '-')
          .replace(/(^\W)|(\W$)/g, '')
}

// converts my-component to MyComponent
function camelCase (s) {
  return s.replace(/([\-_\s]+[a-z])|(^[a-z])/g, $1 => $1.toUpperCase())
          .replace(/[\-_\s]+/g, '')
}