@quasar/app-webpack/lib/utils/print-webpack-issue/formatters/babelError.js

Quasar Framework App CLI with Webpack

const { removeFileLoaders } = require('../utils.js')

const stackStart =
  '  \u001b[0m\u001b[90m-\u001b[0m \u001b[0m\u001b[93mindex.js\u001b[0m\u001b[90m:'

function cleanMessage(message) {
  const acc = message
    // match until the last semicolon followed by a space
    // this should match
    // linux => "(SyntaxError: )Unexpected token (5:11)"
    // windows => "(SyntaxError: C:/projects/index.js: )Unexpected token (5:11)"
    .replace(/^Module build failed.*:\s/, 'Syntax Error: ')
    // remove mini-css-extract-plugin loader tracing errors
    .replace(/^Syntax Error: ModuleBuildError:.*:\s/, '')
    // remove babel extra wording and path
    .replace(
      /^Syntax Error: SyntaxError: (([A-Z]:)?\/.*:\s)?/,
      'Syntax Error: '
    )
    .replace(/^Syntax Error: {3}/, '')

  const stackIndex = acc.indexOf(stackStart)
  return stackIndex > -1 ? acc.substring(0, stackIndex) : acc
}

module.exports = function format(error, printLog, titleFn) {
  printLog(titleFn(removeFileLoaders(error.file)))
  printLog()
  printLog(cleanMessage(error.message))
}