Svelte – Structur

---

Halo guys jadi sebelumnya kita sudah tahu requirement apa saja yang dibutuhkan untuk memulai project svelte.. nah sekarang kita coba mengulik bagaimana struktur dari template yang akan kita coba di langkah awal menggunakan framework svelte ini… check this out !!

├── README.md
├── package.json
├── package-lock.json
├── rollup.config.js
├── .gitignore
├── node_modules
├── public
│   ├── favicon.png
│   ├── index.html
│   ├── global.css
│   └── build
│       ├── bundle.css
│       ├── bundle.js
│       └── bundle.js.map
├── scripts
│   └── setupTypeScript.js
└── src
    ├── App.svelte
    └── main.js

Isinya adalah sebagai berikut:

• package.json dan: Berisi informasi tentang proyek yang digunakan Node.js /npm.
• node_modules: node menyimpan dependensi
• .gitignore: Memberitahu git file atau folder mana yang harus diabaikan
• rollup.config.js: Penggunaan rollup.js sebagai bundler modul. Jika lebih suka webpack, sebagai gantinya.npx degit sveltejs/template-webpack svelte-app
• scripts:
  • setupTypeScript.js: TypeScript di Svelte.
• src:
  • App.svelte: Ini adalah komponen tingkat atas
  • main.js
• public: Direktori ini berisi semua file yang akan dipublikasikan dalam produksi.
  • favicon.png
  • index.html: halaman utama aplikasi
  • global.css
  • build
    • bundle.css
    • bundle.js

oke cukup pembahasan struktur foldernya.. sekarang kita langsung masuk ke praktek.. cek post selanjutnya ya.. cyaaa…