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

Quasar Framework App CLI with Vite

import path from 'node:path'
import { pathToFileURL } from 'node:url'
import fse from 'fs-extra'

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

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

export const 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
      }
    })
  }
}