indooorsman/esbuild-plugin-path-alias

A esbuild plugin to support path alias like `resolve.alias` in webpack config.

esbuild-plugin-path-alias's Issues

Can't resolve path when importing on esbuild.ts

I followed the usage guide:

; (async function () {
  const entryPoints = await glob('src/**/*.ts')

  build({
    entryPoints,
    logLevel: 'info',
    outdir: 'build',
    // bundle: true,
    // minify: true,
    platform: 'node',
    format: 'cjs',
    sourcemap: true,
    plugins: [
      aliasPlugin({
        // must be absolute path
        '@': path.resolve(__dirname, "./src")
      })
      // esbuildPluginFastifySwaggerUi(),
      // esbuildPluginPino({ transports: ['pino-pretty'] }),
    ],
  });
})()

But I still get an error when importing from a build js file

Can't resolve path when importing from js.

I followed the usage guide:

const vuePlugin = require("esbuild-plugin-vue3");
const { sassPlugin } = require("esbuild-sass-plugin");
const aliasPlugin = require('esbuild-plugin-path-alias');
const path = require('path');

require("esbuild").build({
  entryPoints: ["app/javascript/application.js"],
  bundle: true,
  minify: process.argv[2] === "--minify=true",
  watch: process.argv[2] === "--watch=true",
  outfile: "app/assets/builds/application.js",
  logLevel: "info",
  plugins: [vuePlugin(), sassPlugin(),
    aliasPlugin({
      "~": path.resolve(__dirname, "./app/javascript/components")
    })
  ],
}).catch(() => process.exit(1));

But I still get an error when importing from a js file. It works when importing from .vue files though.
Any thoughts?

can't load scss alias

such as
// App.scss
@import '@common/styles/index.scss';