Noțiuni de bază
Desigur, cu instalarea. Totul începe cu instalarea. De obicei, majoritatea toate în același loc și termină, dar suntem cu voi nu majoritatea, dar o minoritate de transformarea unic într-o majoritate.
NPM au instalat deja și am stabilit Babel-CLI:
$ NPM instalați - salvați - dev babel - cli
După aceea vom fi în măsură să provoace babel, pur și simplu scriind la consolă:
Atât de simplu. Apoi specificați fișierul pe care doriți să proceseze, și ca al doilea parametru specifică fișierul de ieșire.
Retragerea la setarea globală și locală de instalare. În cazul Babel este mai bine pentru a pune la nivel local. Toate.
După cum compilatorul știe din ce în ce format doriți să-l conduci. Aici este cauza și vin presetate sau, ca prietenii mei americani pe care am practic nici un fel, Presetări.
babel presetată
Apropo, care sunt interesați, să ia o privire, apoi, făcând Babel cu ES6 sintaksimom, care îl transformă într-un format diferit. Copiii de până la 18 mai bine pe acest cod nu arata (copii nu mai bine pe acest cod nu uita de dragul copilăriei durabile).
Cere un număr prestabilit de moduri:
- Parametrul de linie de comandă
- În fișierul .babelrc
Vom merge doua cale, în scopul de a reduce dimensiunea echipelor, pe care le vom introduce în consolă.
Stabilim presetat nostru (nu ai crezut că el vine?) Prin rularea comenzii:
concluzie
detenție mi se poate întâmpla dacă am vorbit tot ce tare mă gândesc la lumea de dezvoltare web, dar din fericire am fost persoană destul de sănătos.
După cum puteți vedea, utilizați babel foarte simplu. Nu este prerogativa copiilor cu salarii + $ 3k sau mai mult. Dacă se îngropa în continuare (și vom fi sigur de a săpa mai adânc), este posibil să se scurgă în mare măsură. Cu toate acestea, faptul că puteți utiliza ES6 este deja foarte, foarte bucuros. (Ca parte a faptului că munca devine mai ușoară).
Va multumesc tuturor! Acesta este un alt post care te-a ajutat să devină o mai bună și mai inteligent. Elimin toate restricțiile din mintea ta și a ajutat dezvălui. V-aș fi recunoscător dacă ai scrie tu însuți un alt zece, și le puteți citi.
Ne vedem în curând!
Blog-uri interesante cu privire la dezvoltarea de front-end
Interviu front-end. sarcina 4
Interviu front-end. sarcina 3
Vorbește despre asta. partea 1