The summary of the Svelte project is full of big pits (it is recommended to use the svelte kit if you want to get started)

Note: Svelte official maintenance has stopped, and there are no new updates. For those who want to get started with svelte, it can only be used as a reference. The address of the new version of SvelteKit (https://kit.svelte.dev/)

Svelte official website

Svelte Chinese Documentation | Svelte Chinese Website https://www.sveltejs.cn/

routing address

GitHub - ItalyPaleAle/svelte-spa-router: Router for SPAs using Svelte 3Router for SPAs using Svelte 3. Contribute to ItalyPaleAle/svelte-spa-router development by creating an account on GitHub.https://github.com/ItalyPaleAle/svelte-spa-router

DEMO project address

Svelte Project Verification Demo: Svelte Project Verification Test Demo Note: Svelte official has stopped maintenance, and there are no new updates. For those who want to get started with svelte, it can only be used as a reference. The address of the new version of SvelteKit (https://kit.svelte .dev/) 1. Routing installation and use: svelte-spa-router2. Basic component package combination test3. Common style processing4. Rollup configuration problem processing https://gitee.com/web_io/svelte-project-demo

Rollup tool

Introduction | rollup.js Chinese Documentation | rollup.js Chinese Network Rollup is a JavaScript module bundler that can compile small pieces of code into large complex codes. Rollup uses a new standardized format for code modules. These standards are included in JavaScript in the ES6 version. https://www.rollupjs.com/

Hang one

Static resources cannot be loaded through import, nor can they be directly referenced. After finding and configuring rollup.config.js, it is useless.

url({
			sourceDir: path.resolve(__dirname, 'src/assets/images/'),
			publicPath: '/assets/images/'
		}),

pit two

The official svelte has stopped updating, yes it has stopped updating, the new one is svelte kit

SvelteKit • The fastest way to build Svelte appsSvelteKit is the official Svelte application frameworkhttps://kit.svelte.dev/

Hang three

No official routing, messy routing custom configuration options; svelte-spa-router

pit four 

So far, svelte does not have a handy, easy-to-use, and available component library;

Pull out the big one from the dwarfs, the one below is okay at present, and the documents are also bad;

Svelte Material UI Chinese website｜ Svelte Material UI Chinese document is based on the Material UI component library of Svelte 3 https://sveltematerialui.cn/ To sum up, the svelte project is currently second to none in terms of speed experience, but the ecology is the biggest flaw, the official The documentation is also bad. So far, there is no mature component library, and I have to make my own wheels. The official documentation (both in Chinese and English) does not have a detailed description of the project directory structure, and so on.

The food is good, but it still needs to be carefully polished before it can be enjoyed by the guests. At present, it is still a big challenge for the front-end chefs to use svelte to cook a table of delicious meals.