mwc-app/vue.config.js

## Project setup ``` yarn install ```

// vue.config.js
const path = require('path')

/* eslint-disable no-param-reassign */
module.exports = ({
  filenameHashing = false,
  css = {},
  chainWebpack = () => {},
  configureWebpack = () => {},
  ...extraSettings
} = {}) => ({
  filenameHashing,
  // css: {
  //   extract: false,
  //   ...css
  // },

  chainWebpack: (config) => {
    config.module
      .rule('scss')
      .oneOf('vue')
      .use('postcss-loader')

    config.resolve.alias.set(
      'mdsBase',
      path.resolve(
        __dirname,
        'node_modules/morningstar-design-system/components'
      )
    )

    config.module.rules.delete('svg')
    config.optimization.delete('splitChunks') // important to disable this to share code
    chainWebpack(config)
  },

  configureWebpack: (config) => {
    config.output = Object.assign({}, config.output, {
      libraryExport: 'default' // for exporting UMD
    })

    config.module.rules.push({
      test: /\.svg/,
      loader: 'vue-svg-sprite-loader'
    })

    configureWebpack(config)
  },
  ...extraSettings
})