diff --git a/pagefind/fragment/en_25ebe09.pf_fragment b/pagefind/fragment/en_25ebe09.pf_fragment deleted file mode 100644 index dccc7f2..0000000 Binary files a/pagefind/fragment/en_25ebe09.pf_fragment and /dev/null differ diff --git a/pagefind/fragment/en_2bc28dc.pf_fragment b/pagefind/fragment/en_2bc28dc.pf_fragment new file mode 100644 index 0000000..0969311 Binary files /dev/null and b/pagefind/fragment/en_2bc28dc.pf_fragment differ diff --git a/pagefind/fragment/en_4be5c14.pf_fragment b/pagefind/fragment/en_4be5c14.pf_fragment deleted file mode 100644 index f6f7ce9..0000000 Binary files a/pagefind/fragment/en_4be5c14.pf_fragment and /dev/null differ diff --git a/pagefind/fragment/en_9b86cb4.pf_fragment b/pagefind/fragment/en_9b86cb4.pf_fragment deleted file mode 100644 index c56e3d4..0000000 Binary files a/pagefind/fragment/en_9b86cb4.pf_fragment and /dev/null differ diff --git a/pagefind/fragment/en_ac1540e.pf_fragment b/pagefind/fragment/en_ac1540e.pf_fragment new file mode 100644 index 0000000..3fe18cc Binary files /dev/null and b/pagefind/fragment/en_ac1540e.pf_fragment differ diff --git a/pagefind/fragment/en_d7d7276.pf_fragment b/pagefind/fragment/en_d7d7276.pf_fragment deleted file mode 100644 index ec2a09e..0000000 Binary files a/pagefind/fragment/en_d7d7276.pf_fragment and /dev/null differ diff --git a/pagefind/fragment/en_f359865.pf_fragment b/pagefind/fragment/en_f359865.pf_fragment deleted file mode 100644 index cd83a71..0000000 Binary files a/pagefind/fragment/en_f359865.pf_fragment and /dev/null differ diff --git a/pagefind/fragment/en_f43954f.pf_fragment b/pagefind/fragment/en_f43954f.pf_fragment new file mode 100644 index 0000000..905ded0 Binary files /dev/null and b/pagefind/fragment/en_f43954f.pf_fragment differ diff --git a/pagefind/fragment/en_f4ef56a.pf_fragment b/pagefind/fragment/en_f4ef56a.pf_fragment new file mode 100644 index 0000000..b5cfd7c Binary files /dev/null and b/pagefind/fragment/en_f4ef56a.pf_fragment differ diff --git a/pagefind/fragment/en_f645567.pf_fragment b/pagefind/fragment/en_f645567.pf_fragment new file mode 100644 index 0000000..cba1e46 Binary files /dev/null and b/pagefind/fragment/en_f645567.pf_fragment differ diff --git a/pagefind/index/en_1fabf3d.pf_index b/pagefind/index/en_1fabf3d.pf_index new file mode 100644 index 0000000..24e53fc Binary files /dev/null and b/pagefind/index/en_1fabf3d.pf_index differ diff --git a/pagefind/index/en_5ecb738.pf_index b/pagefind/index/en_5ecb738.pf_index deleted file mode 100644 index b31618c..0000000 Binary files a/pagefind/index/en_5ecb738.pf_index and /dev/null differ diff --git a/pagefind/index/en_327a141.pf_index b/pagefind/index/en_b9b5b52.pf_index similarity index 54% rename from pagefind/index/en_327a141.pf_index rename to pagefind/index/en_b9b5b52.pf_index index 764d095..fa23cf0 100644 Binary files a/pagefind/index/en_327a141.pf_index and b/pagefind/index/en_b9b5b52.pf_index differ diff --git a/pagefind/pagefind-entry.json b/pagefind/pagefind-entry.json index 417dce5..9367880 100644 --- a/pagefind/pagefind-entry.json +++ b/pagefind/pagefind-entry.json @@ -1 +1 @@ -{"version":"1.1.1","languages":{"en":{"hash":"en_edc2f46615","wasm":"en","page_count":26}}} \ No newline at end of file +{"version":"1.1.1","languages":{"en":{"hash":"en_cea5df6529","wasm":"en","page_count":26}}} \ No newline at end of file diff --git a/pagefind/pagefind.en_cea5df6529.pf_meta b/pagefind/pagefind.en_cea5df6529.pf_meta new file mode 100644 index 0000000..0d64ec7 Binary files /dev/null and b/pagefind/pagefind.en_cea5df6529.pf_meta differ diff --git a/pagefind/pagefind.en_edc2f46615.pf_meta b/pagefind/pagefind.en_edc2f46615.pf_meta deleted file mode 100644 index 8fb2b71..0000000 Binary files a/pagefind/pagefind.en_edc2f46615.pf_meta and /dev/null differ diff --git a/vite-01-intro/index.html b/vite-01-intro/index.html index 05afd32..6ee6352 100644 --- a/vite-01-intro/index.html +++ b/vite-01-intro/index.html @@ -71,12 +71,12 @@ })();

Vite

Up until now, we were doing fine with the VS Code Live Server. But since our applications will become more and more complex (depending on npm packages to give an example), we need a more advanced development server. This is where Vite comes in. There are a lot of advantages, the following is just a summary:

+

Vite

Up until now, we were doing fine with the VS Code Live Server. But since our applications will become more and more complex (depending on npm packages to give an example), we need a more advanced development server. This is where Vite comes in. There are a lot of advantages, the following is just a summary:

Features

Dev server

Vite is a development server that has some special tricks up its sleeve to start it up fast, even when a lot of libraries need to be loaded first.

-

HRM

-

Vite has Hot Module Replacement (HRM) built in. This means that when you change a file, the browser will automatically reload the page. And again… does this fast.

+

HMR

+

Vite has Hot Module Replacement (HMR) built in. This means that when you change a file, the browser will automatically reload the page. And again… does this fast.

Production build

Vite can also build your application for production. It will bundle all your files into one or more files and minimizes it. It strips out all the comments and unused code. This makes your application smaller and faster.

Plugins

@@ -121,7 +121,7 @@

Exploration

  • The page is definitely styled, but where is the CSS file loaded?

    • If you want to stop the dev server, you can enter Ctrl + C in the terminal.

    -

    HMR

    +

    HMR

    Organize your desktop so that a browser and VS Code are side by side. Make sure that the Vite dev server is running. Now edit the style.css to give the page a red background. You will see that the background of the page turns red immediately —without doing a full page refresh.- When you open up your Developer Tools and inspect the head element, you will experience that only the style tag changes when you change the background color.

    Build it

    When you are done with your project, you can build it for production.