webpack中「pragma style」的含義是什麼？

加前綴@，＃或＃@將強制執行編譯風格。（默認爲＃，推薦使用）

這是什麼意思？

2015-04-20 Asaf Katz

這是指C預處理器。它只是向編譯器提供了更多關於它應該做什麼的線索。 – erip

嗨erip，你能告訴我一些關於它的信息嗎？在谷歌上找不到任何東西.. –

不同的瀏覽器需要不同的格式來指定源地圖。如果您的瀏覽器未顯示webpack'd文件的源映射，那麼您可以更改該選項以使其與瀏覽器兼容。

2015-04-20 20:00:02 matpie

感謝您的快速回答，sirlancelot。我搜索了「sourcemaps pragma style」，並沒有發現任何關於它的信息。你能指點我一些關於它的信息嗎？ –

我真正能找到的唯一信息就在這裏：http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/#toc-howwork – matpie

爲了更清楚地說明這一點，所指的「編譯指示」是一組表示元數據到瀏覽器的字符序列。在這種情況下，如果元數據決定加載它（例如，當用戶打開瀏覽器開發工具時），元數據會告訴瀏覽器何處獲取源地圖文件。

誠如sirlancelot的鏈接表示，有關編譯的標準格式是使用以下形式的評論，開始//#：

在最近版本的WebPack的，如果你這樣做不要在devtool設置中指定一個雜注字符，那麼它默認使用註釋字符後面的#字符，如上所示。

在老版本的WebPack的雖然，編譯字符使用默認爲@，這將導致形式的註釋：

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

在最近的瀏覽器使用//@形式將導致瀏覽器控制檯中的棄用警告（至少在Chrome中）。

如果您需要支持舊的瀏覽器，您可以通過所需的字符前綴您devtool設置覆蓋默認的編譯，例如：

devtool: "@source-map"

或明確地將其設置爲#：

devtool: "#source-map"

但它是乾淨的海事組織剛剛離開了前綴字符，讓通過的WebPack添加特異性默認ying它爲：

devtool: "source-map"

2016-09-09 18:15:02 MindJuice

謝謝，這是一個更有幫助的答案。 – Elad

回答