@quasar/app-webpack/lib/plugins/esbuild.inject-replacements.js

Quasar Framework App CLI with Webpack

const path = require('node:path')
const { pathToFileURL } = require('node:url')
const fse = require('fs-extra')

const dirnameReplacement = '__quasar_inject_dirname__'
const filenameReplacement = '__quasar_inject_filename__'
const importMetaUrlReplacement = '__quasar_inject_import_meta_url__'

module.exports.quasarEsbuildInjectReplacementsDefine = {
  __dirname: dirnameReplacement,
  __filename: filenameReplacement,
  'import.meta.url': importMetaUrlReplacement
}

module.exports.quasarEsbuildInjectReplacementsPlugin = {
  name: 'quasar:inject-replacements',
  setup(build) {
    build.onLoad({ filter: /\.[cm]?[jt]s$/ }, args => {
      const contents = fse.readFileSync(args.path, 'utf8')

      const prefix =
        `const ${dirnameReplacement} = ${JSON.stringify(path.dirname(args.path))};` +
        `const ${filenameReplacement} = ${JSON.stringify(args.path)};` +
        `const ${importMetaUrlReplacement} = ${JSON.stringify(pathToFileURL(args.path).href)};`

      return {
        loader: args.path.endsWith('ts') ? 'ts' : 'js',
        contents: prefix + contents
      }
    })
  }
}