2015-02-06 9 views
10

Mój zespół i ja jesteśmy w trakcie migracji dość dużego projektu z AMD + RequireJS do CommonJS + Webpack. Uwielbiamy narzędzia, które Webpack zapewnia i sądzi, że CommonJS to kierunek, w którym zmierza społeczność: skacząc na modę, którą można powiedzieć.Ładowanie szablonów wąsów za pomocą pakietu Web Pack

Jaki jest skuteczny sposób wykorzystania pakietu internetowego do automatycznego ładowania i pakowania plików szablonów .mustache? Obecnie mamy skrypt zegarek, który używa xport aby zawierać wszystkie .mustache pliki w naszym folderze projektu w jednym pliku js w formacie:

var files = {}; 
files['path/to/file'] = '<div>{{content}}</div>'; 
files['path/to/other/file'] = '<span>{{stuff}}</span>'; 
... 

Mogliśmy całkowicie zachować używając tego ... Co jest szczególnie wygodna o naszym obecnym rozwiązaniem jest to, że nie musimy specjalnie odwoływać się do naszych szablonów w projekcie, gdy tworzymy nowy szablon. Ponieważ skrypt po prostu obserwuje folder, słownik jest aktualizowany i możemy użyć innej biblioteki, aby pobrać ciąg znaków i przekształcić go w użyteczną funkcję szablonu.

Jaki jest zatem cel? Jestem ciekawy, czy istnieje sposób, aby przejść od szablonów w naszym folderze -> funkcje, których możemy używać w kodzie, bez konieczności specyficznego wymagania plików do projektu. A nasze obecne rozwiązanie wychodzi poza webpack (chyba że jest jakiś sposób na podłączenie), co jest denerwujące, ponieważ nie chcemy 2 skryptów do oglądania. Zajrzałem do loaders, ale wydaje się, że są to pliki źródłowe 1 do 1 -> plik wyjściowy vs wiele do 1, co jest świetne w naszym obecnym rozwiązaniu.

Dzięki!

Odpowiedz

0

Myślę, że możesz zbudować coś, co odpowiada Twoim potrzebom na require.context. Skieruj to do swojego katalogu szablonów i dostarczy ci API do uzyskiwania dostępu do szablonów wewnątrz. Możesz połączyć to podejście z mustache-loader.

Powiązane problemy