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

回答