Tufte-css: Tambahkan bangunan ke proyek
Build yang ditambahkan dapat membuat versi yang diperkecil dari CSS, yang disebut tufle.min.css , juga dapat secara otomatis menambahkan semua awalan vendor yang diperlukan melalui Autoprefixer/PostCSS.
Untuk membuat semua ini bekerja, kita bisa melakukannya dengan dua cara:
Buat cabang master, yang dibangun ke cabang
gh-pages, idealnya dengan Travis, sehingga itu terjadi setiap kali master diperbarui.Buat folder
srcyang menyimpan sumber, dan folder keluaran bernamadestyang menyimpan artefak build. Kemudian arahkan saja ke versi dest di HTML. Anda mungkin harus menginstal npm, dan mengkomit file build sendiri.
Saya akan merekomendasikan versi 1, dan saya akan dapat mengatur sebagian besar dengan PR. Tetapi kita membutuhkan kontributor/pemilik untuk mengonfigurasi cabang. Tapi ini dalam pikiran saya menjadi solusi terbaik. Beri tahu saya apa yang Anda inginkan.
Masalah di #119 akan sangat diuntungkan dari ini. Dan orang yang ingin menggunakan perpustakaan ini juga dapat menggunakan versi yang dioptimalkan.
Saturate
Semua 5 komentar
Ini juga akan menambah kemungkinan, untuk menggunakan prosesor seperti KURANG atau SCSS, namun ini mungkin berlebihan, melihat ukuran proyek ini cukup kecil. Jadi saya tidak akan merekomendasikan ini.
Saturate
pada 6 Nov 2017
Minifikasi hanya akan memengaruhi tufte.css , bukan file font, benar?
Pengujian saya menunjukkan penghematan ini ~ 4kb.
daveliepmann
pada 6 Nov 2017
Kedengarannya benar, dalam pengujian saya, kami beralih dari 12172 bytes byte ke 7839 bytes . Ini mungkin tidak terdengar seperti banyak, tapi itu semua penting. Saya kira autoprefixer -part juga akan membantu meminimalkannya dan membantu mempertahankannya.
Saat ini Anda menentukan banyak awalan vendor yang tidak digunakan, ini hanya digunakan oleh versi Google dan Firefox yang sangat lama, mengingat ini diperbarui sendiri, hampir tidak ada badan yang menggunakan versi lama. Ini hanya membuat file CSS membengkak, dan CSS sangat penting untuk rendering halaman.
Font tidak terpengaruh, woff2 sudah dikompresi. Tetapi jika mereka ada di Google Font atau layanan lain, Anda bisa mendapatkan sedikit dengan menyimpannya. Ini juga akan memudahkan orang lain untuk mendapatkan akses ke font, saat ini mereka perlu mengunduhnya - tetapi font mungkin tidak tersedia di CDN (Content Delivery Network).
Mungkin manfaat terbesarnya adalah memasukkan CSS Kritis untuk situs web ke dalam html - ini dapat dilakukan dengan langkah pembuatan juga, tetapi tidak akan membantu orang lain yang menggunakan gaya.
Saturate
pada 6 Nov 2017
Banyak proyek web sekarang menggunakan npm sebagai manajer paket. Akan sangat bagus jika Anda menyertakan file package.json dengan langkah build dan memublikasikan paket ke registri npm. Ini akan memungkinkan pemasangan, impor, dan peningkatan yang mudah.
tacomanator
pada 9 Nov 2017
@Saturate Saya baru saja memperhatikan bagian komentar Anda ini:
Saat ini Anda menentukan banyak awalan vendor yang tidak digunakan, ini hanya digunakan oleh versi Google dan Firefox yang sangat lama, mengingat ini diperbarui sendiri, hampir tidak ada badan yang menggunakan versi lama. Ini hanya membuat file CSS membengkak
Saya tidak melihat di mana Tufte CSS melakukan ini. Menjalankannya melalui auto-prefixer hanya menghapus beberapa background-size . Apakah Anda melihat lebih banyak kode yang berpotensi dihapus di sini?
daveliepmann
pada 2 Sep 2019
Masalah terkait
gamecubate
·
10Komentar
adamschwartz
·
16Komentar
daveliepmann
·
29Komentar
langford
·
21Komentar
danielnixon
·
3Komentar
Komentar yang paling membantu
Banyak proyek web sekarang menggunakan npm sebagai manajer paket. Akan sangat bagus jika Anda menyertakan file package.json dengan langkah build dan memublikasikan paket ke registri npm. Ini akan memungkinkan pemasangan, impor, dan peningkatan yang mudah.