CSS 模块的 Webpack blob 名称

Question

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

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

提前致谢!

Answer 1

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

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

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

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