Webpack对CSS模块的Blob名称

Question

我已经使用CSS模块设置了webpack 2，它能够正常工作。然而，当我通过浏览器调试器调试CSS时，所有的路径都像这样："blob:http://localhost:3000/2b5f9ab7-7972-4c8a-bdbd-96cd9e74b6f9"，这使我无法识别CSS模块。是否有一种方法可以让webpack输出模块名称呢？谢谢！

- Jesper

Answer 1

也许这可以帮助你，尽管我认为这不是最优解决方案。
尝试使用清单修订插件，它的作用是生成一个manifest.json文件，其中包含了你的项目正在使用的所有引用。
将该插件添加到webpack.config中。

new manifest('manifest.json', {
        rootAssetPath: '/public/css',
        ignorePaths: []
      })

在manifest.json文件中，您将找到“equivalences”（等效项），这样您就可以知道哪个文件正在使用您的项目。

{
  "assets":
  {"./bootstrap.min.css":"e02a995e6786d8aa55ee397094f88d16.css"}
}

- Hosar