changes required to use about parcel-plugin-svelte HOT 13 OPEN

Sounds good! I'd be happy to help also. Let me know later if you want me to pitch in. You can close this issue now if you'd like ... or keep it open as a reminder.

from parcel-plugin-svelte.

You could have a look at the example: https://github.com/DeMoorJasper/parcel-plugin-svelte/blob/master/packages/svelte-3-example/package.json

You basically need to install the plugin using yarn add parcel-plugin-svelte -D (or npm) and than just run parcel like you normally would: https://parceljs.org/getting_started.html (and than it should automatically detect the plugin and run all files with extension .svelte through this plugin)

from parcel-plugin-svelte.

Here is what I had to do to get this to work with a basic Svelte app:

1. npm install parcel-bundler
2. npm install parcel-plugin-svelte
3. Change the "start" npm script in package.json to "start": "parcel public/index.html --no-cache"
4. npm run build
5. npm start

Do these steps seem correct?
Is it necessary to run "npm run build" again after every code change?

from parcel-plugin-svelte.

@mvolkmann I don't see any reason to run npm run build so you can probably leave that out.

Thanks for the detailed steps I'll probably create a more elaborate getting started guide in the readme after this :)

from parcel-plugin-svelte.

If I don't run npm run build and only run npm start I get this:

ENOENT: no such file or directory, open '/{project-directory}/public/build/bundle.css'

npm run build creates that file.

from parcel-plugin-svelte.

Ow than your build command probably creates some css, what is the script specified in build?

Also I updated the Readme a bit more hopefully it helps https://github.com/DeMoorJasper/parcel-plugin-svelte#getting-started

from parcel-plugin-svelte.

I started with an app created by npx degit sveltejs/template, so the "build" npm script is

    "build": "rollup -c",

The file public/index.html includes this line:

	<link rel='stylesheet' href='/build/bundle.css'>

Is there a Parcel way to create build/bundle.css?

from parcel-plugin-svelte.

@mvolkmann if that's the css bundled from the svelte you can just remove that line and it should work fine. Parcel automatically injects that nto html ;)

from parcel-plugin-svelte.

Maybe the answer is that we need a new equivalent of sveltejs/template that is specific to using Parcel.

from parcel-plugin-svelte.

The more I think about this, I'm convinced that we really need a way to create a new app that uses Parcel by running npx degit some-repo/some-template app-name like we have for using Rollup or Webpack. That would put Parcel on even ground with those so it's no harder to use.

from parcel-plugin-svelte.

@mvolkmann the goal of parcel is kind of that tools like that are no longer necessary but it would definitely be cool to have it support parcel

from parcel-plugin-svelte.

from parcel-plugin-svelte.

@mvolkmann yeah I totally agree, I'm happy to help implement these things once parcel 2 reaches a stable point

from parcel-plugin-svelte.