vue.config.js

/* eslint-disable no-console */
const { platform } = require('os')
const { resolve } = require('path')
const { spawnSync } = require('child_process')
const SentryCliPlugin = require('@sentry/webpack-plugin')

const GIT_TAG = spawnSync('git', ['tag', '-l', '--points-at', 'HEAD'])
  .output.filter(b => b && b.length > 0)
  .map(buffer => buffer.toString().trim())[0]

console.log(`GIT_TAG=${GIT_TAG}`)
console.log(`NODE_ENV=${process.env.NODE_ENV}`)

/**
 * @type { ProjectOptions }
 */
module.exports = {
  css: {
    sourceMap: true,
  },
  configureWebpack: config => {
    config.target = 'electron-renderer'

    if (process.env.NODE_ENV === 'development') {
      config.devtool = 'eval-source-map'

      config.output.devtoolModuleFilenameTemplate = info =>
        info.resourcePath.match(/\.vue$/) &&
        !info.identifier.match(/type=script/) // this is change ✨
          ? `webpack-generated:///${info.resourcePath}?${info.hash}`
          : `webpack:///${info.resourcePath}`

      config.output.devtoolFallbackModuleFilenameTemplate =
        'webpack:///[resource-path]?[hash]'
    }
  },
  lintOnSave: false,
  /**
   * @param config { import("webpack-chain").Config }
   */
  chainWebpack: config => {
    // prettier-ignore
    config.output
      .filename('js/[name].js')
      .chunkFilename('js/[name].js')

    config.resolve.extensions.add('.node')

    const svgRules = config.module.rule('svg')
    svgRules.uses.clear()
    svgRules.use('raw-loader').loader('raw-loader')

    config.module
      .rule('native')
      .test(/\.node$/)
      .use('node-loader')
      .loader('node-loader')

    // Define
    config.plugin('define').tap(([args]) => {
      const options = { ...args }

      options['process.env'].FLUENTFFMPEG_COV = false

      if (process.env.NODE_ENV === 'development') {
        options['process.env'].DEV_BASE_PATH = JSON.stringify(__dirname)
      }

      return [options]
    })

    // Sentry Source Maps
    config.when(
      process.env.CI &&
        platform() === 'linux' &&
        process.env.NODE_ENV === 'production' &&
        GIT_TAG != null,
      config => {
        config
          .plugin('sentry')
          .use(SentryCliPlugin, [
            {
              release: GIT_TAG,
              include: resolve(__dirname, 'dist_electron', 'bundled'),
              ignore: ['node_modules', 'css'],
              urlPrefix: 'app://./',
            },
          ])
          .after('fork-ts-checker')
      },
    )
  },
  pluginOptions: {
    electronBuilder: {
      nodeIntegration: true,
      chainWebpackMainProcess: config => {
        config.resolve.alias.set('@', resolve(__dirname, 'src'))
      },
    },
  },
}