tom-siegel/multi-page-svelte

Creating multiple Pages in one Svelte project

multi-page-svelte

Create multiple svelte-pages with this template. Relies on default template https://github.com/sveltejs/template

Usage

npx degit Tom-Siegel/multi-page-svelte

1. Create as many Page-files as you want (see src/main.js or src/second.js)
2. Go to rollup-pages.config.js and set the inputs

const inputs = [
  "main", //string defaults to input: src/[name].js and output: public/build/[name].js
  {
    input: "src/second.js",
    output: { file: "public/build/second.js", name: "second" },
    css: "public/build/second.css",
  }, //object for setting more specific values for input and output of roolup configuration
];

3. Set up your html-files by adding the main.js, main.css and global.css
4. Build the project

npm run build

Testing

npm run dev

Or

npm run start

Open your browser url: localhost:5000

main.js --> http://localhost:5000/index.html

second.js --> http://localhost:5000/second.html

multi-page-svelte's Issues

No global styles in dev mode

In dev mode, global styles are not displayed correctly.

And after first deploy, when files are saved the app dont update changes ...

[2022-02-13 19:27:14] waiting for changes...

I think you have done a good job and I would love to use it. It's a pity that for 2 small mistakes all your great work is useless for me.

This repo stops watching after first change

Running "npm dev" changes not happend after changes.

I think it's a great job, but it can't be used with this problem.
Do you fixed?