2016-02-14 14 views
6

Zainstalowałem Babel i dowiedziałem się, że aby skompilować JSX, plik .babelrc musi zostać zmieniony? Gdzie znajduje się plik? Szukałem w folderach babel-preset, babel, babel-jsx i tak dalej, ale nie mogłem tego znaleźć? Czy powinien zostać utworzony ręcznie?Gdzie jest lokalizacja pliku .babelrc?

Odpowiedz

6

Plik .babelrc jest lokalną konfiguracją dla kodu w projekcie. Zwykle umieszczasz go w katalogu głównym repozytorium aplikacji. Wpłynie to na wszystkie pliki przetwarzane przez Babel, które znajdują się w tym samym katalogu lub w katalogach rodzeństwa z .babelrc.

+0

oznacza, że ​​musimy ręcznie go utworzyć? @loganfsmyth – Kalanamith

+1

@ Kananamith Zawsze tworzyłem go ręcznie lub kopiowałem z projektu do projektu. Nie znam narzędzia, które by go dla ciebie stworzyło. – Louis

2

.babelrc może potencjalnie istnieć w kilku miejscach drzewa węzłów.

Najprawdopodobniej folder główny projektu. Babel config można również określić w package.json pod "Babel:" {...}

Lookup zachowanie

Babel będzie szukał .babelrc w bieżącym katalogu plik jest transpiled. Jeśli nie istnieje, przejdzie do drzewa katalogów, dopóki nie znajdzie pliku .babelrc lub package.json z hasłem "babel": {}.

Użyj "babelrc": false, aby zatrzymać zachowanie wyszukiwania.

Zobacz https://github.com/insin/babel-plugin-react-html-attrs/blob/master/README.md i Look Up behavior-

2

.babelrc jest nigdy automatycznie utworzony. Musisz przejść do katalogu głównego twojego projektu. Utwórz plik - dotknij .babelrc, otwórz plik i wprowadź ustawienia babel tutaj, a następnie zapisz. Jeśli śledzisz https://babeljs.io/blog/2015/10/31/setting-up-babel-6, Konfigurowanie Babel 6 i zainstalowanie wszystkich wtyczek i ustawień wstępnych zgodnie z opisem, może to pomóc.

{ 
    "presets": [ 
    "es2015", 
    "env", 
    "react", 
    "stage-2" 
    ] 
}, 

{ 
    "plugins": [ 
    "transform-es2015-arrow-functions", 
    "check-es2015-constants", 
    "transform-es2015-block-scoping" 
    ] 
} 
Powiązane problemy