How to import by name

[wabi-habi]

I am interested in helping provide a feature!

Yes

Which generators are impacted?

• All
• Angular
• HTML
• Qwik
• React
• React-Native
• Solid
• Stencil
• Svelte
• Vue
• Web components

What problem does this feature solve?

mitosis

import test from `test-${target}`

vue

import test from 'test-vue'

react

import test from 'test-react'

What does the proposed API look like?

Is this feature supported? I'm just kind of guessing as well!

Additional Information

No response

[samijaber]

Not sure what this feature is meant to be, but no, nothing like that is supported.

Each output should be stored in its own npm package, with its own package.json. That is the right way to publish the outputs: as separate packages. Here is an example app:

• https://github.com/BuilderIO/mitosis/tree/d0f2f0c2bb0476a7165a2202791e2b2545c20d94/e2e/e2e-app
• output package.json`s are here:
  • vue: https://github.com/BuilderIO/mitosis/blob/d0f2f0c2bb0476a7165a2202791e2b2545c20d94/e2e/e2e-app/output/vue/package.json
  • qwik: https://github.com/BuilderIO/mitosis/blob/d0f2f0c2bb0476a7165a2202791e2b2545c20d94/e2e/e2e-app/output/qwik/package.json
• and then they are imported here:
  • qwik:

    mitosis/e2e/e2e-qwikcity/src/routes/[...index]/index.tsx

    Line 3 in d0f2f0c

    import { E2eApp } from '@builder.io/e2e-app-qwik';

  • vue:

    mitosis/e2e/e2e-vue3/src/App.vue

    Line 2 in d0f2f0c

    import { E2eApp } from '@e2e-app/vue/vue3';