elastiq

elastisq.ch

https://elastiq.ch/ situs web

mengedit konten

edit situs web di sini

instalasi lokal

Penyiapan ini menggunakan node dan NPM untuk membangun situs web secara statis.

1. instal node dan npm (https://nodejs.org/en/)
2. gunakan terminal/baris perintah untuk menavigasi ke folder tempat Anda memeriksa proyek
3. instal deps dengan mengetik npm install
4. setelah selesai ketik npm start mengerjakan proyek

pengaturan

• parsel.js membangun segalanya
• posthtml-expressions Plugin ini menyediakan sintaks untuk memasukkan variabel dan ekspresi lokal ke dalam templat Anda, dan juga memperluas tag khusus untuk bertindak sebagai pembantu untuk kondisional dan perulangan. Terutama digunakan untuk memasukkan konten dari data.yml. posthtml-load-config memastikan .posthtmlrc.js data dari YML berakhir di locals dari posthtml-expressions .
• .browserslistrc Menyetel kompatibilitas browser untuk autoprefixer

 ┌──────────┐    ┌────────────────────┐
│ data.yml │───▶│posthtml-expressions│──┐
└──────────┘    └────────────────────┘  │
┌──────────┐    ┌───────────────────┐   │
│style.scss│───▶│  sass & postCSS   │──┐│  ┌─────────────┐
└──────────┘    └───────────────────┘  ├┴─▶│ /index.html │
┌──────────┐    ┌───────────────────┐  │   └──────┬──────┘
│ main.js  │───▶│     babel.js      │──┤         ┌┘
└──────────┘    └───────────────────┘  │         │
                         ┌──────────┐  │         ▼
                         │  images  │──┘    ┌─────────┐
                         └──────────┘       │ Magic * │
                                            └─────────┘
                                                 │
                                                 │
                                                 │
     * Magic = parcel.js             ┌───────────▼─────────┐
                                     │       ./dist        │
                                    ┌┴─────────────────────┴┐
                                    │      index.html       │
                                    ├───────────────────────┤
                                    │       style.css       │
                                    ├───────────────────────┤
                                    │  *.{jpg|png|gif...}   │
                                    └┬─────────────────────┬┘
                                     └─────────────────────┘

lisensi

© David Aerne Silakan melakukan apa pun dengan sumbernya. Kecuali ilustrasinya. Jangan membagikan atau menggunakannya kembali.