@mezereon/ui-shopify/vue.config.js

Shopify UI components for Mezereon Xperience

const webpack = require('webpack')
const LodashPlugin = require('lodash-webpack-plugin')

module.exports = {
  chainWebpack: (config) => {
    config.resolve.set('symlinks', false)
    config.module.rules.delete('svg')
    config.module
      .rule('svg')
      .test(/\.svg$/)
      .use('vue')
      .loader('vue-loader')
      .end()
      .use('svg-to-vue-component')
      .loader('svg-to-vue-component/loader')

    config.plugin('LodashPlugin').use(
      new LodashPlugin({
        currying: true,
        flattening: true,
        placeholders: true,
        shorthands: true
      })
    )

    config
      .plugin('LimitChunkCountPlugin')
      .use(new webpack.optimize.LimitChunkCountPlugin({ maxChunks: 1 }))
  },
  lintOnSave: 'default',
  css: {
    sourceMap: false
  },
  runtimeCompiler: true
}