Webpack blob名称为CSS模块

Question

我已经使用CSS模块设置了webpack 2，它可以工作。但是，当我通过浏览器调试器调试CSS时，所有路径都是这样的： “斑点：http://localhost:3000/2b5f9ab7-7972-4c8a-bdbd-96cd9e74b6f9”

这使我无法识别CSS模块。有没有什么方法可以让webpack代替写出模块名称？

提前致谢！

Answer 1

即使我认为这不是最佳解决方案，也许这可以帮到你 尝试使用manifest revision plugin，它的作用是生成 manifest.json 文件，其中包含项目正在使用的所有引用。
将插件添加到webpack.config

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

然后在manifest.json中你会找到 equivalences ，这样你就可以知道你的项目正在使用什么文件。

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