CSS模塊的Webpack blob名稱

Question

我已經使用CSS模塊設置了webpack 2，它可以工作。但是，當我通過瀏覽器調試器調試CSS時，所有路徑都是這樣的： 「blob：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中，你會發現等價，這樣你可以什麼文件正在使用您的項目知道。

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