twitch drops manager

Manajer Drops Twitch

dev

1. Izinkan TamperMonkey Access ke File Lokal URIS Tampermonkey/FAQ
2. Instal DEP dengan npm i atau npm ci .
3. npm run dev untuk memulai pengembangan Anda. Sekarang Anda akan melihat 2 file di ./dist/
   • dist/index.dev.user.js : ** Anda harus menginstal UserScript ini di browser Anda. ** Ini adalah loader sederhana yang memuat dist/index.debug.js di halaman web yang cocok.
   • dist/index.debug.js : Ini adalah pembangunan pembangunan dengan eval-source-map . Ini akan secara otomatis dimuat oleh dist/index.dev.user.js melalui @require file://.../dist/index.debug.js metadata, jangan tambahkan ke manajer pengguna pengguna Anda.
4. Edit src/index.ts, Anda bahkan dapat mengimpor file CSS atau kurang. Anda dapat menggunakan SCSS jika Anda suka.
5. Buka https://twitch.com/ dan buka konsolnya, Anda akan melihatnya berfungsi.

Livereload diaktifkan secara default, gunakan ekstensi chrome ini

MELIHAT

Setiap kali Anda mengubah konfigurasi metadata Anda, Anda harus me -restart Webpack Server dan menginstal dist/index.dev.user.js Userscript yang baru dihasilkan lagi di browser Anda lagi.

Permintaan Lintas Situs

Anda dapat menghubungi GM.xmlHttpRequest secara langsung atau menggunakan API fetch berdasarkan GM.xmlHttpRequest https://github.com/trim21/gm-fetch

Naskah

Gunakan naskah seperti biasa, lihat src/index.ts

dependensi

Ada dua cara untuk menggunakan paket di NPM.

Wayscript Way

Seperti cara UserScript asli, Anda perlu menambahkannya ke bagian Metadata Script Metadata Anda, dan mengecualikannya di config/webpack.config.base.cjs

Cara webpack

Cukup instal paket dengan NPM dan impor di kode Anda, Webpack akan merawatnya.

Membangun

npm run build

dist/index.prod.user.js adalah skrip terakhir. Anda dapat secara manual menyalinnya ke Greasyfork untuk digunakan.

Mengecilkan

Ada batasan dalam greasyfork, kode Anda tidak boleh dikaburkan atau diminifikasi.

Jika Anda tidak perlu menggunakan skrip Anda ke Greasyfork, aktifkan Minify sesuka Anda.

secara otomatis menggunakan

Tindakan GitHub akan menggunakan UserScript produksi ke GH-halaman Cabang.

contoh

digunakan

Anda dapat menggunakan fungsi pembaruan otomatis Greasyfork.

Q&A

Anda dapat menemukan peta sumber yang memungkinkan tidak berfungsi dengan baik dalam kode produksi, karena TamperMonkey akan menambahkan baris tambahan (semua @require Anda) sebelum skrip Anda. Saya tidak tahu apakah ada perbaikan yang baik untuk ini, Anda perlu menggunakan konfigurasi webpack devtool dengan awalan eval untuk membuatnya berfungsi seperti yang diharapkan, sehingga peta sumber dinonaktifkan dalam templat ini.

https://webpack.js.org/configuration/devtool/#development