javascript - Bagaimana untuk memasang dan menggunakan babel dengan betul?

Question

Hello semua, sudah lama saya tidak bertanya tentang pemasangan babel kali terakhir saya menyegarkan pengetahuan saya tentang npm dan akhirnya berasa kurang keliru selepas menonton tutorial cikgu Ruan Yifeng Hehe, masih ada kemajuan sejak kali terakhir saya bertanya.
/q/10...
Mula-mula saya mencipta folder Babel

1 Cipta fail .babelrc
2 npm init dan tekan enter untuk mencipta fail package.json
3 Pasang npm install --save-dev babel-preset-es2015

 npm install --save-dev babel-preset-react
 写入.babelrc中
 

Pasang npm install --save-dev babel-cli
Tulis semula fail package.json dan tambahkan skrip untuk pelaksanaan npm run

Struktur direktori pada masa ini, saya menulis kelas kelas Foo{} dalam hello.js, semuanya berjalan lancar sehingga ke tahap ini

Rujuk tutorial cikgu Ruan Yifeng dan dapatkan ralat apabila npm run build tidak mudah digunakan, yang agak mengelirukan saya
Mula-mula, saya cuba memadam folder lib dan masih mendapat ralat baca mesej ralat untuk memastikan bahawa versi terkini telah dipasang nod dan npm, ini adalah versi terkini yang dimuat turun dari laman web rasmi tanpa sebarang masalah, npm juga 3.10.10. Mungkin ada masalah dengan demo pakej, bukan npm itu sendiri. Tolong beritahu saya bagaimana untuk menyelesaikannya. Terima kasih banyak

Answer 1

Apa yang anda kurang ialah pengetahuan asas tentang baris arahan, tidak kira npm atau babel.

Sebab mengapa binaan npm run anda tidak berjaya ialah anda tidak mengikuti tutorial untuk mencipta folder dengan betul! ! !

Mesej ralat adalah jelas, "src tidak wujud", direktori src tidak wujud, sayang! Ia juga mengelirukan untuk melaporkan ralat jika anda tidak memahaminya!

Ini adalah apabila orang lain memberitahu anda bahawa ada sesuatu yang salah, tetapi anda melihatnya, tetapi jangan mengambilnya dalam fikiran anda, dan kemudian terus tertanya-tanya mengapa saya salah, mengapa saya salah, tetapi orang lain telah memberitahu anda dengan jelas, Babel adalah sangat tertipu, npm juga sangat tertipu Babel berkata bahawa buruh mahupun pengurusan tidak dapat mencari direktori src dan saya mempunyai ralat khusus output. . . . . . .

Baiklah, mari kita kembali ke "baris arahan".

Arahan ini biasanya sepadan dengan fail boleh laku atau fail skrip, biasanya rentetan Apabila anda menaip perintah ini dalam shell atau cmd, ia bersamaan dengan mengklik dua kali pada fail boleh laku. Apa yang mengikuti arahan itu dipanggil "parameter". Bagaimanakah sistem mengetahui jika terdapat arahan tertentu? Untuk memahami secara ringkas, terdapat dua tempat di mana sistem kembali ke carian, direktori global dan direktori relatif. Sebagai contoh, dalam cmd, terdapat "Path>" di hadapan kursor. Ini adalah laluan semasa anda. Apabila anda memasukkan arahan npm, sistem mula-mula akan mencari fail boleh laku npm dalam direktori semasa, dan kemudian mencari npm dalam laluan global Apabila anda memasang nod, npm dipasang secara global, jadi npm ditemui dan dilaksanakan dengan lancar.

Baiklah, mari jelaskan arahan npm run secara terperinci. npm run akan mencari package.json dalam direktori semasa dan mencari arahan yang dikonfigurasikan dalam medan skrip. Anda sudah tahu ini. Terdapat sesuatu yang anda tidak tahu npm run akan menambah sementara direktori node_modules/.bin dalam direktori semasa ke senarai laluan carian sistem semasa Dalam erti kata lain, npm run build, arahan untuk membina konfigurasi kami ialah "babel src - d lib", sistem akan diminta untuk melaksanakan arahan ini yang kami konfigurasikan. Babel watak ialah perintah, dan sistem tidak mengenalinya, jadi ia perlu mencari sama ada terdapat fail boleh laku yang sepadan Tiada fail boleh laku yang sepadan dalam direktori semasa, jadi direktori node_modules/.bin akan dicari. Jika tiada fail sedemikian, sistem akan mencari direktori global. Ingat bahawa logik carian untuk node_modules/.bin hanya tersedia apabila dilaksanakan dalam npm run.

npm install --save-dev babel-cli akan memasang babel-cli ke dalam node_modules dalam direktori projek, jadi npm run build boleh dilaksanakan seperti biasa. npm run build adalah bersamaan dengan: project_dir> node_modules/.bin/babel src -d lib

Mari kita bercakap tentang arahan babel, src -d lib Anda boleh meneka ini tanpa membaca dokumentasi babel, yang memberitahu babel untuk memproses js dalam direktori src parameter direktori sasaran lib ialah nilai parameter direktori sasaran, yang memberitahu babel untuk melepaskan js dalam direktori src ke direktori lib.

Ini adalah keupayaan asas untuk menggunakan baris arahan. . .

Answer 2

Jika Babel tidak dipasang secara global, ia tidak boleh digunakan terus dalam konsol
Ia boleh dipanggil melalui skrip npm