vue.config.js

const path = require('path');
const webpack = require('webpack');
const webpackPlugins = [
  new webpack.DefinePlugin({
    VERSION: JSON.stringify(require('./package.json').version),
  }),
];
const fs = require('fs');

/**
 * SSL cert file paths
 * @type {{cert: string, key: string}}
 */
const ssl = {
  key: './certs/localhost.key',
  cert: './certs/localhost.crt',
};

/**
 * Webpack dev server options
 * @type {object}
 */
let devServer = {};

/**
 * If ssl cert files exist, enable local https
 */
if (fs.existsSync(ssl.key)) {
  devServer = {
    https: {
      key: fs.readFileSync(ssl.key),
      cert: fs.readFileSync(ssl.cert),
    },
    public: 'https://localhost:8080/',
  };
}

module.exports = {
  devServer,
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src/'),
        '@api': path.resolve(__dirname, 'src/sdk/api'),
        '@sdk': path.resolve(__dirname, 'src/sdk'),
        '@components': path.resolve(__dirname, 'src/sdk/components'),
        '@assets': path.resolve(__dirname, 'src/sdk/assets'),
        '@styles': path.resolve(__dirname, 'src/styles'),
        '@views': path.resolve(__dirname, 'src/views'),
        '@static': path.resolve(__dirname, 'public'),
        '@libs': path.resolve(__dirname, 'src/sdk/libs'),
        '@classes': path.resolve(__dirname, 'src/classes'),
      },
    },
    plugins: webpackPlugins,
    devtool: 'source-map',
  },

  pluginOptions: {
    i18n: {
      locale: 'en',
      fallbackLocale: 'en',
      localeDir: 'sdk/translations',
      enableInSFC: true,
    },
    svgSprite: {
      dir: 'src/sdk/assets/icons',
      test: /\.svg$/,
      loaderOptions: {
        extract: true,
        spriteFilename: 'img/icons.svg',
      },
    },
    prerenderSpa: {
      registry: undefined,
      renderRoutes: [
        '/',
      ],
      useRenderEvent: true,
      headless: true,
      onlyProduction: true,
    },
  },

  css: {
    loaderOptions: {
      stylus: {
        import: '~@styles/variables.styl',
      },
    },
  },

  chainWebpack: config => {
    config.module
      .rule('svg-sprite')
      .use('svgo-loader')
      .loader('svgo-loader');
  },
};