web app template

templat aplikasi web

web app template agnostik kerangka kerja. Proyek ini seperti Buat Aplikasi React kecuali React dihapus.

Lihat aplikasi web.

Prasyarat

• Node.js

Memasang

Kloning repositori:

git clone https://github.com/remarkablemark/web-app-template.git
cd web-app-template

Ganti nama proyek:

web app template /My App Template/g' git grep -l 'Web App' | xargs sed -i '' -e 's/Web App/My App/g'">

git grep -l web-app-template | xargs sed -i ' ' -e ' s/web-app-template/my-app/g '
git grep -l ' web app template ' | xargs sed -i ' ' -e ' s/ web app template /My App Template/g '
git grep -l ' Web App ' | xargs sed -i ' ' -e ' s/Web App/My App/g '

Perbarui file:

• README.md
• package.json
• public/index.html
• public/manifest.json
• src/index.js

Instal dependensi:

npm install

Inisialisasi repositori baru:

rm -rf .git
git init

Buat komitmen pertama Anda:

git add .
git commit -m ' feat: initialize project from web-app-template '

Pesan komit mengikuti format Komit Konvensional, yang digunakan selama rilis.

Setelah Anda siap, dorong repositori lokal ke GitHub (atau repositori jarak jauh lainnya):

git remote add origin < remote-repository-url >
git push origin -u origin master

Skrip yang Tersedia

Di direktori proyek, Anda dapat menjalankan:

npm start

Menjalankan aplikasi dalam mode pengembangan.

Buka http://localhost:3000 untuk melihatnya di browser.

Halaman akan dimuat ulang jika Anda melakukan pengeditan.

Anda juga akan melihat kesalahan lint apa pun di konsol.

npm run build

Membangun aplikasi untuk produksi ke folder build .

Ini dibundel dengan benar dalam mode produksi dan mengoptimalkan build untuk kinerja terbaik.

Build diperkecil dan nama file menyertakan hash.

Aplikasi Anda siap untuk diterapkan!

Lihat bagian tentang penerapan untuk informasi selengkapnya.

npm run release

Menambah versi package.json dengan versi standar.

npm run deploy

Menyebarkan aplikasi ke Halaman GitHub dengan mendorong paksa folder build ke cabang gh-pages repositori jarak jauh.

Variabel Lingkungan

Variabel lingkungan bekerja mirip dengan Create React App kecuali variabel tersebut dimulai dengan WEB_APP_ dan bukan REACT_APP_ .

Misalnya:

 # .env
WEB_APP_VERSION=$npm_package_version
WEB_APP_DOMAIN=www.example.com
WEB_APP_FOO=$DOMAIN/foo

Pengujian

Pengujian dijalankan seperti Create React App:

npm test 

Membangun

Anda dapat membangun aplikasi produksi secara lokal dengan:

npm run build

Ganti nama direktori build jika aplikasi Anda dihosting di subdirektori:

mv build web-app-template

Atau masuk ke direktori build jika aplikasi Anda dihosting di root:

 cd build

Mulai server file statis:

python -m SimpleHTTPServer

Hentikan server dengan Ctrl + C .

Buka http://localhost:8000 untuk melihatnya di browser.

Jika aplikasi Anda dihosting di subdirektori, buka folder di daftar direktori.

Setelah selesai, bersihkan direktori build.

Jika aplikasi Anda dihosting di subdirektori:

rm -rf web-app-template

Atau jika aplikasi Anda dihosting di root:

rm -rf build

Tata Letak

Struktur direktori (dotfiles dihilangkan):

tree -I ' build|node_modules '
.
├── LICENSE
├── README.md
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
└── src
    ├── index.css
    ├── index.js
    ├── reportWebVitals.js
    └── setupTests.js

2 directories, 13 files

Migrasi

Bermigrasi untuk menggunakan @descriptive/web-scripts:

npx web-scripts-migration

Lihat posting blog atau migrasi skrip web.

Lisensi

MIT