Ngorei

framework v4.0.2

Komponen

Intro

Rute

Render

Import File di Ngorei Framework

Ngorei Framework menyediakan cara yang elegan untuk mengimpor file JavaScript dan CSS menggunakan atribut import khusus. Fitur ini adalah bagian dari sistem modular Ngorei yang memungkinkan pengorganisasian kode yang lebih baik dan pemeliharaan yang lebih mudah.

[root]
   ├── assets/
   ├── public/
   │   ├── exsampel/
   │   │     ├── index.html
   │   │     ├── app.js
   │   │     └── style.css
   │   │── package.json
   │   │── properti.json
   │   └── index.html

<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Ngorei</title>
  </head>
  <body>
    <div class="app"></div>
    <script import="exsampel/app.js"key="key"></script>
    <style import="exsampel/style.css"></style>
  </body>
</html>

Penggunaan Atribut script

Ngorei Framework menggunakan elemen script dengan atribut import dan key untuk manajemen modul JavaScript:

Atribut import menentukan path file JavaScript
Atribut key diperlukan untuk keamanan dan manajemen dependensi Ngorei
Path relatif dimulai dari folder public sesuai konvensi Ngorei
Format penulisan: folder/namafile.js

<script import="exsampel/app.js"key="key"></script>

Penggunaan Atribut style

Ngorei menyederhanakan impor CSS menggunakan elemen style dengan atribut import:

Atribut import menentukan path file CSS
Path relatif mengikuti struktur folder Ngorei
Format penulisan: folder/namafile.css
File CSS akan otomatis dioptimalkan dan dimuat oleh Ngorei runtime

<style import="exsampel/style.css"></style>