@quasar/app-webpack/lib/cache/module.cssVariables.js

Quasar Framework App CLI with Webpack

const fs = require('node:fs')
const { join } = require('node:path')

module.exports.createInstance = function createInstance ({ appPaths }) {
  const cssVariables = {
    quasarSrcExt: 'css',

    loader: join(__dirname, '../loaders/loader.quasar-scss-variables.js'),

    // loader options
    scss: {
      prefix: '@import \'quasar/src/css/variables.sass\';\n'
    },

    // loader options
    sass: {
      prefix: '@import \'quasar/src/css/variables.sass\'\n'
    }
  }

  for (const ext of [ 'scss', 'sass' ]) {
    const file = appPaths.resolve.app(`src/css/quasar.variables.${ ext }`)

    if (fs.existsSync(file) === true) {
      cssVariables.quasarSrcExt = 'sass'
      cssVariables.scss.prefix = `@import '~src/css/quasar.variables.${ ext }', 'quasar/src/css/variables.sass';\n`
      cssVariables.sass.prefix = `@import '~src/css/quasar.variables.${ ext }', 'quasar/src/css/variables.sass'\n`
      break
    }
  }

  return cssVariables
}