Cara Build Tailwindcss hanya class yang dipakai

Halo!, Terimakasih telah membaca pertanyaan ini.

Saya ingin bertanya tentang cara build file

tailwindcss tapi hanya class yang dipakai.

Karena ternyata saat saya cek ke lighthouse, ternyata

hasilnya tailwind melambatkan 4 detik load.

Saat saya baca di https://tailwindcss.com/docs/optimizing-for-production,

cara untuk remove / buang class yang tidak dipakai dengan mengganti

node_env menjadi production, tapi saya tidak tahu lokasi node_env.

Terimakasih

avatar YakobusPatrick
@YakobusPatrick

150 Kontribusi 16 Poin

Diperbarui 3 tahun yang lalu

1 Jawaban:

<div>Biasanya untuk menentukan environment kamu sedang production atau masih develop,&nbsp;<br><br>1. Untuk membuatnya jadi sebuah script yang gampang dijalankan, bikin di package.json kamu sebuah script<br><br></div><pre>"scripts": { "production": "NODE_ENV=production" }</pre><div><br>lalu jalankan (sesuai namanya)<br><br></div><pre>npm run production</pre><div><br><br></div><div>&nbsp;2. atau yang bisa dilakukan, <a href="https://stackoverflow.com/questions/9198310/how-to-set-node-env-to-production-development-in-os-x">sumber stackoverflow</a><br><br>sebelum menjalankan appnya,<br>jalankan di terminal</div><pre>export NODE_ENV=production</pre><div>untuk windows</div><pre>SET NODE_ENV=production</pre>

avatar hilmanski
@hilmanski

2687 Kontribusi 2136 Poin

Dipost 3 tahun yang lalu

Login untuk ikut Jawaban