vue.config.js

const path = require('path')
const { IgnorePlugin } = require('webpack')

module.exports = {
  chainWebpack: config => {
    config
      .entry('app')
      .clear()
      .add('./demo/main.js')

    // Modify the export of every .vue file so that the
    // component is automatically installed if a global
    // Vue is available (e.g. from dropping Vue in as a
    // script tag).
    config.module
      .rule('vue')
      .use('global-vue-loader')
      .loader(path.resolve(__dirname, 'build-utils/global-vue-loader'))
      .before('vue-loader')

    config.module
      .rule('meta')
      .resourceQuery(/blockType=meta/)
      .use('null-loader')
      .loader('null-loader')

    config.module
      .rule('example')
      .resourceQuery(/blockType=example/)
      .use('null-loader')
      .loader('null-loader')

    if (!process.env.VUE_APP_E2E) {
      config
        .plugin('ignore-e2e-packages')
        .use(IgnorePlugin, [{ resourceRegExp: /^hello-vue-components/ }])
    }
  },
  devServer: {
    contentBase: path.join(__dirname, 'tests/e2e/fixtures/public')
  },
  css: {
    // Optionally set this to true if you want CSS
    // to be extracted into separate CSS files.
    extract: false
  }
}