library type var

[Vladislav-Lukyanuk]

Hi! How I can build a vite project exposes a code as a global variable?
Similar to webpack

library: { type: 'var', name: MODULE_FEDERATION_APPLICATION_NAME },

[gioboa]

Hi @Vladislav-Lukyanuk this plugin is working like Module Federation v2. so you can use the same way.

[Vladislav-Lukyanuk]

@gioboa Great! But I got the error Cannot use import statement outside a module.
I thought it resolve the problem.
I changed a vite and a package configs, but in a production build I still see imports inside.
Unfortunately I can't chage the host app .

vite.config.ts

  build: {
    target: 'es2015',
    outDir: './dist',
    modulePreload: false,
    minify: false,
    cssCodeSplit: true,
    assetsDir: '',
  },

package.json

  "type": "commonjs",

If I try to change tsconfig.json to target: 'es2015' I got a error I can't use import.env.meta

[gioboa]

I see, can you share a basic reproduction to clone please?

[Vladislav-Lukyanuk]

@gioboa It's going to be problematic. But in general can we build the code in commonJS wo imports?

[gioboa]

It's going to be problematic. But in general can we build the code in commonJS wo imports?

Can you give me an example please?

[Vladislav-Lukyanuk]

Solved using this code

build: {
    outDir: './dist',
    modulePreload: false,
    minify: false,
    cssCodeSplit: true,
    assetsDir: '',

    rollupOptions: {
      output: {
        format: 'commonjs',
      }
    }
  },

[gioboa]

Nice 👍 Thanks for the update.

[crutch12]

@Vladislav-Lukyanuk

I get error with this build config:

error during build:
RollupError: Module format "cjs" does not support top-level await. Use the "es" or "system" output formats rather.
    at error (/node_modules/vite/node_modules/rollup/dist/es/shared/node-entry.js:2287:30)  

vite-plugin-top-level-await doesn't help 🤔

UPD: oh, sorry, dup of #248

[crutch12]

@Vladislav-Lukyanuk I'm not able to change the host app too 🥴
So I workaround it with varRemoteEntry.js
See: module-federation/core#4199