Bermula dengan Parcel


Bermula
Parcel ialah pembungkus aplikasi web (bundler), yang berbeza daripada pembungkus yang digunakan oleh pembangun terdahulu. Ia memanfaatkan pemprosesan berbilang teras untuk menyampaikan prestasi yang sangat pantas, dan anda tidak perlu mengkonfigurasi apa-apa.
Mula-mula pasang Parcel menggunakan Yarn atau npm:
Yarn:

yarn global add parcel-bundler

npm:

npm install -g parcel-bundler

Buat fail package.json dalam direktori projek anda menggunakan arahan berikut:
boleh digunakan to berr pasang mana-mana fail Jenis berfungsi sebagai titik masuk, tetapi fail HTML atau JavaScript adalah tempat yang baik untuk bermula. Jika anda menggunakan laluan relatif untuk memautkan fail JavaScript utama anda ke HTML, Parcel juga akan mengendalikan ini untuk anda dan menggantikan rujukan itu dengan URL fail output.

Seterusnya, buat fail index.html dan index.js.


yarn init -y
or
npm init -y
<html>
<body>
  <script src="./index.js"></script>
</body>
</html>

Parcel mempunyai pelayan pembangunan terbina dalam, yang akan membina semula aplikasi anda secara automatik apabila anda menukar fail, dan menyokong penggantian panas modul supaya anda boleh membangunkan dengan cepat. Anda hanya perlu nyatakan fail kemasukan:

console.log("hello world");

Sekarang buka http://localhost:1234/ dalam pelayar anda. Anda juga boleh mengatasi port lalai menggunakan -p <nombor port>

Jika anda tidak mempunyai pelayan anda sendiri, atau apl anda diberikan sepenuhnya oleh pelanggan, gunakan pelayan pembangunan. Jika anda mempunyai pelayan anda sendiri, anda boleh menjalankan Parcel dalam mod jam tangan. Dengan cara ini, apabila fail berubah, Parcel masih akan membina semula fail dan modul sokongan penggantian panas secara automatik, tetapi tidak akan memulakan pelayan web.


parcel index.html

Apabila anda bersedia untuk membina untuk pengeluaran, mod binaan mematikan pemantauan dan hanya akan membina sekali. Lihat bahagian

Pengeluaran

untuk butiran lanjut.