jakie jest znaczenie "stylu pragma" w pakiecie sieci Web?

Question

w devtool configuration docs mówią:

Prefiksacja @, # lub # @ wymusi styl PRAGMA. (Domyślne ustawienie to #, zalecane)

jakie to ma znaczenie?

Answer 1

Różne przeglądarki wymagają różnych formatów dla określania pozycji w kształcie sourcemaps. Jeśli Twoja przeglądarka nie wyświetla plików typu sourcemaps dla plików webpack'd, możesz zmienić tę opcję, aby była zgodna z przeglądarką.

Answer 2

Mówiąc nieco bardziej szczegółowo, "pragma", o której mowa, to sekwencja znaków oznaczająca metadane przeglądarki. W takim przypadku metadane informują przeglądarkę, gdzie pobrać plik mapy źródłowej, jeśli zdecyduje się go załadować (np. Gdy użytkownik otworzy narzędzia przeglądarki przeglądarki).

Jak wskazano w link z sirlancelot, standardowy format dla Pragma jest użycie komentarza z poniższego formularza, począwszy //#:

W ostatnich wersjach Webpack, jeśli nie nie określaj znaku pragma w swoim ustawieniu devtool, domyślnie jest to znak # po znakach komentarza, jak pokazano powyżej.

W starszych wersjach Webpack choć postać Pragma wykorzystywane do domyślnego @, co skutkowałoby w komentarzu postaci:

//@ sourceMappingURL=/path/to/file.js.map

Korzystanie formularz //@ w niedawnym przeglądarce spowoduje ostrzeżenie o wycofaniu w konsoli przeglądarki (przynajmniej w Chrome).

Jeśli trzeba wspierać starszą przeglądarkę, można zastąpić domyślny pragmy poprzedzając ustawienia devtool o pożądanej postaci, na przykład:

devtool: "@source-map"

lub ustawić go wprost do # z:

devtool: "#source-map"

ale to najczystszy IMO po prostu pominąć znak prefiksu i niech WebPACK dodać domyślne przez określon ying it as:

devtool: "source-map"