Webpack 2使用＆＃39; use strict＆＃39;两次并且有一个奇怪的输出预缩小？

Question

我是Webpack的新手，所以我不确定以下输出是否正确？ 我已经在我的代码中使用use strict，Webpack添加了自己的代码。

此外，非缩小输出似乎包含在eval函数中。通常我会看到已编译的ES6代码。也许有些事情不对？

Answer 1

关于use strict

Webpack 1和2不会在代码中添加"use strict"。它是由您的特定加载程序或插件设置引起的。例如，Babel在代码的开头添加"use strict"。如果你想找到罪魁祸首，只需一次删除一个加载器和插件，然后观察输出如何变化。

关于“奇怪的输出”

正如评论中已经提到的：您正在使用devtool选项，这使您可以在浏览器中查看和调试文件，就像在代码编辑器中看到的一样。这是一个常见的浏览器功能，用于将您的代码映射到实际的源文件 - 否则您需要调试一个包含代码的大型JavaScript文件，而该代码尚未由您编写。

如devtool选项中所述，建议在生产代码（source-map，cheap-module-source-map，cheap-source-map）中使用几个devtool选项，因为它们很慢或者添加了原始代码可能不需要的源代码。生产就绪的devtools只为您的捆绑代码添加注释，并附带实际源地图的URL。