vue.config.js

const fs = require('fs');

const packageJson = fs.readFileSync('./package.json');
const version = JSON.parse(packageJson).version || 0;
const webpack = require('webpack');
const { BugsnagSourceMapUploaderPlugin } = require('webpack-bugsnag-plugins');
const marked = require('marked');
const renderer = new marked.Renderer();

module.exports = {
  outputDir: 'docs/',
  publicPath: process.env.NODE_ENV === 'production'
    ? '/tsm-editor/'
    : '/',
  css: {
    loaderOptions: {
      scss: {
        prependData: '@import "~@/assets/scss/_variables.scss";',
      },
    },
  },
  configureWebpack: () => {
    const plugins = [
      new webpack.DefinePlugin({
        'process.env': {
          PACKAGE_VERSION: `"${version}"`,
        },
      }),
    ];

    const module = {
      rules: [{
        test: /\.md$/,
        use: [
          {
            loader: 'html-loader',
          },
          {
            loader: 'markdown-loader',
            options: {
              pedantic: true,
              renderer,
            },
          },
        ],
      }],
    };

    if (process.env.NODE_ENV === 'production') {
      plugins.push(new BugsnagSourceMapUploaderPlugin({
        apiKey: '16d836736f8f6e23169eb3ed2393a37f',
        appVersion: `${version}`,
      }));

      return { devtool: 'source-maps', plugins, module };
    }

    return { plugins, module };
  },
};