Artikel ini memperkenalkan proses instalasi Babel6.x ~ Pertama -tama, Anda dapat menggunakan Babel untuk mengonversi online https://babeljs.io/repl/
Kemudian masukkan topik: Instal Babel (lingkungan baris perintah, untuk versi Babel6.x)
1. Pertama pasang Babel-Cli (digunakan untuk menggunakan Babel di Terminal)
NPM Instal -G Babel -Cli
2. Kemudian pasang plug-in Babel-Preset-ES2015
NPM Instal-Save Babel-Preset-ES2015
Catatan: Versi BABEL5 berisi berbagai plugin konversi secara default, tetapi plugin konversi terkait Babel6.x perlu diunduh sendiri, seperti transformasi-ES2015-arrow-functions, Transform-ES2015-Classses, dll., Dan ES2015 Preset berisi semua plugin. Jika tidak ada plug-in yang diinstal, maka konversi pada baris perintah tidak akan berpengaruh!
Di antara mereka, parameter -Save secara otomatis memperbarui file package.json dan menulisnya ke dalam dependensi
3. Masukkan pada baris perintah:
Babel ES6.JS --Preset ES2015
Keluaran:
"Gunakan ketat"; [1, 2, 3] .map (function (x) {return x * x;});Catatan: Parameter berikut --preset ES2015 berarti menggunakan plugin ini untuk kompilasi. Jika Anda tidak menulis Uponversion, itu tidak akan berpengaruh.
4. Konfigurasi plug-in
Sangat merepotkan untuk menulis parameter ini setiap saat. Anda dapat membuat file konfigurasi baru.babelrc di direktori saat ini.
Namun, dalam sistem Windows, tidak diizinkan untuk klik kanan secara langsung untuk membuat file tanpa nama file. Anda dapat membuatnya melalui baris perintah CMD: Buka CMD di folder saat ini dan ketikkan perintah
ketik nul> .babelrc
Anda dapat membuat file.babelrc di direktori saat ini, dan kemudian menulisnya ke file:
{"Presets": ['ES2015']}Kemudian Anda dapat menggunakan Babel ES6.js langsung pada baris perintah untuk mengonversi tanpa menambahkan parameter yang menunjukkan plugin yang digunakan
Selain membuat file .babelrc, Anda juga dapat mengonfigurasinya di package.json dan menambahkan properti berikut:
"Babel": {"Presets": ["ES2015"]}Dilampirkan dengan perintah umum Babel:
1. Konversi file ES6.js dan output di jendela Program Line Named saat ini
Babel Es6.js
2. Konversi es6.js dan output ke file ES5.js (gunakan -o atau -out -file)
Babel es6.js -o es5.js
Babel ES6.JS-out-File ES5.JS
3. Pemantauan real -time ES6.JS akan dikompilasi ulang segera setelah ada perubahan (menggunakan -W atau -watch)
Babel ES6.JS -W -Out -File Es5.js
Babel ES6.JS --Watch-Out-File ES5.JS
4. Kompilasi seluruh folder SRC dan output ke folder lib (gunakan -d atau -out -dir)
babel src -d lib
Babel SRC-Out-Dir Lib
5. Kompilasi seluruh folder SRC dan output ke file
BABEL SRC-Out-File ES5.JS
6. Langsung masukkan perintah Babel-node, dan Anda dapat menjalankan kode ES6 langsung dari baris perintah
node babel
Di atas adalah proses instalasi ES6 Babel yang benar di JavaScript yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!