CSS 模块的 Webpack blob 名称

Question

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

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

提前致谢！

Answer 1

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

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

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

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