Alias declaration for app-vite

[fprijate]

For Quasar with webpack (Electron mode) I defined some aliases
in quasar.conf.js:

const path = require('path') ;
const { configure } = require('quasar/wrappers');

module.exports = configure(function (ctx) {
  return {
    electron: {
      chainWebpackMain (chain ) {
        chain.resolve.alias
        .set('@LIBB',path.resolve(__dirname, './AppLibrary/libBack'))
        .set('@LIBC',path.resolve(__dirname, './AppLibrary/libCommon'))
 
      }
  }
});

What is the right way to define them in Vite project.
For frontend i defined in
quasar.config.js:

build: {
   
      extendViteConf(viteConf) {
        Object.assign(viteConf.resolve.alias, {
          "@LIBF": path.resolve(__dirname, "./AppLibrary/libFront"),
          "@LIBC": path.resolve(__dirname, "./AppLibrary/libCommon"),

        });
      },

How do I define aliases for Electron

[rstoenescu]

The Main and Preload threads are not passing through Vite. They are compiled by Esbuild. Unfortunately, Esbuild does not have a direct "alias" feature, but you could use "define" instead?

https://quasar.dev/quasar-cli-vite/developing-electron-apps/configuring-electron

// quasar.config.js
electron: {
  extendElectronMainConf (cfg) {
    // do something with Esbuild config
    // for the Electron Main thread
  },

  extendElectronPreloadConf (cfg) {
    // do something with Esbuild config
    // for the Electron Preload thread
  }
}

[fprijate]

Thanks

I have found a solution. There is plugin alias path

My code.

file: quasar.config.json:

const { esbuildPluginAliasPath } = require("esbuild-plugin-alias-path");


module.exports = configure(function (/* ctx */) {
  return {

	electron: {
           extendElectronMainConf(esbuildConf) {
           const aliases = {
              "@SE/": path.resolve(__dirname, "./src-electron/x/"),
           };
           esbuildConf.plugins = [
             ...esbuildConf.plugins,
             esbuildPluginAliasPath({ alias: aliases }),
          ];
      }, 

file: electron-main.js:

import { bla } from "@SE/bla.js";

[fprijate]

A difference with Vite aliases is that esbuild aliases for dirs must end with /.

[rstoenescu]

Thanks for writing this for the others that may end up here. That's what I want to see. Community collab 🚀