Doesn't work with ParcelJS

I’m trying to use this in a project I build with parcel and parcel-svelte-plugin. Unfortunately due to the way parcel automatically determines how to parse files, the parcel-svelte-plugin relies on .svelte file extensions for components, hence:

import NavLink from 'svelte-routing/NavLink.html';
import Route from 'svelte-routing/Route.html';

won’t work, as the html files will be treated as plain html.

Is there a reason that NavLink and Route are exported like this? Could they instead be exports?

import { NavLink, Route } from 'svelte-routing'

Thanks, Antony

[EmilTholin]

Sorry for keeping you waiting for so long. With the release of 1.0.0 we changed to the .svelte file extension, and we also added a index.js file where the entire API is exported from, so now you can finally do this:

import { Router, Route, Link } from "svelte-routing";

[antony]

@konsumer yes - as per my original comment, this will fix it.

There is a concept of a ‘svelte’ export already @EmilTholin - simply specify the ‘svelte’ attribute on package.json and export a js file which in turn exports your components. Rollup and Webpack will use this.