Support importing Svelte components without extension

Is your feature request related to a problem? Please describe.

I have some complex components with many subcomponents. The subcomponents are private and come together to make one large component.

Here’s an example:

form/
  input.svelte
  textarea.svelte
  index.svelte
  radio.svelte
  checkbox.svelte

Describe the solution you’d like

I’d like to be able to resolve form/ to form/index.svelte rather than explicitly writing form/index.svelte.

I think this plugin by default should follow node.js-style resolution for files that have the .svelte extension.

form/             => form/index.svelte
form/input        => form/input.svelte (or form/input/index.svelte)
form/input.svelte => form/input.svelte

[antony]

In case you want to know Rich’s feelings on this: https://twitter.com/Rich_Harris/status/1002959357250801664 - and those are also the same as Ryan Dahl, creator of Node.

I too agree. Just because you can resolve files without an extension, doesn’t mean you should.

[dummdidumm]

I’m against this, because you then have no distinction anymore which file is a Svelte file and which file is a normal file. What happens if you have index.js and index.svelte in the same folder? What should be imported? This would be a breaking change. Also it is not supported by the bundlers either as far as I know.

For your specific case, I suggest to add a index.js with the following contents:

export { default as Index } from './index.svelte';
// ... you can add your other Svelte files here as well

And then import it like

<script>
   import { Index } from './form';
</script>