The esbuild-plugin-global-externals from fal-works

Haxe projects

Game made with Haxe and HaxeFlixel:

https://store.steampowered.com/app/910730/Solid_Aether

Haxe-based language for 2D shmups bullet patterns:

https://github.com/fal-works/firedancer / https://firedancer-lang.com/

Haxe libraries:

https://github.com/fal-works/fal-haxe-libraries

TypeScript projects

Sketches made with p5.js (old ones are with Processing):

https://www.fal-works.com/creative-coding / https://www.openprocessing.org/user/67512

NPM libraries for Node.js:

ts-sofort Run TypeScript code on Node.js quickly using esbuild
cli-bespoke Parse and validate commandlines
esbuild-plugin-global-externals esbuild plugin (imports -> globals)
chokidar-incremental Wrapper of chokidar for incremental build
eslint-config-p5js ESLint config for p5.js
s-l-t-r Task runner

Browser-based tool:

https://github.com/fal-works/image-grid-generator / https://image-grid-generator.com/

Other projects with p5.js:

https://fal-works.github.io/p5js-templates/ template repositories for p5.js sketches
https://fal-works.github.io/make-games-with-p5js/ Workshop course of p5.js
https://github.com/fal-works/far-east-src Minigame on browser

esbuild-plugin-global-externals's People

Contributors

Stargazers

Watchers

esbuild-plugin-global-externals's Issues

Equivalent functionality in rollup

Hi there, this plugin works great with Vite 5 in dev mode. I used to pre-bundle with esbuild for production (build) with Vite 3 but they've removed this in Vite 5 and so I was wondering if there was an equivalent plugin that you know of for rollup?

Doesn't work with named import

How to allow all named imports from module without specifying them in namedExports

My esbuild-config looks like this:

import { eslintPlugin } from "esbuild-plugin-eslinter";
import { build } from "esbuild";
import { copy } from "esbuild-plugin-copy";
import { globalExternals } from "@fal-works/esbuild-plugin-global-externals";

const inputFiles = ["src/index.tsx"];

export const build = () => {
  const globals = {
    "styled-components": "Styled",
    react: "React",
    "react-dom": "ReactDOM",
  };

  build({
    entryPoints: inputFiles,
    outfile: "dist/index_ext.js",
    define: {
      global: "window",
    },
    bundle: true,
    minify: true,
    sourcemap: false,
    format: "esm",
    external: ["styled-components", "react", "react-dom"],
    plugins: [globalExternals(globals)],
  }).catch(() => process.exit(1));
};

and I do the following in a file:

import * as Styled from "styled-components";

window["Styled"] = Styled;
// Same thing for other libraries too

However I get

[ERROR] No matching export in "global-externals:styled-components" for import "css"

For each of the external libraries. I'm a bit lost in how I could proceed with debugging this. Did I misunderstand how the concept of global externals is actually working?

Thanks for your help!