Chrome擴展程序：不允許加載本地資源

Question

我正在創建一個chrome擴展來修改網站，我在加載網絡字體時遇到了問題。

在我的webpack構建之后，我生成了一個dist文件夾。 在這個文件夾里面，我有一個包含這個的main.css ：

@font-face {
  font-family: 'FontAwesome';
  src: url(chrome://extensions/dilogbnjbadifdhdphnncpfndfocidle/fontawesome-webfont.eot);
  src: url(chrome://extensions/dilogbnjbadifdhdphnncpfndfocidle/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'), url(chrome://extensions/dilogbnjbadifdhdphnncpfndfocidle/fontawesome-webfont.woff2) format('woff2'), url(chrome://extensions/dilogbnjbadifdhdphnncpfndfocidle/fontawesome-webfont.woff) format('woff'), url(chrome://extensions/dilogbnjbadifdhdphnncpfndfocidle/fontawesome-webfont.ttf) format('truetype'), url(chrome://extensions/dilogbnjbadifdhdphnncpfndfocidle/fontawesome-webfont.svg#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}

這是我的webpack publicPath ：

鉻：//擴展/ dilogbnjbadifdhdphnncpfndfocidle

所有文件都在dist文件夾中。

這是我的相關manifest配置：

"web_accessible_resources": [
    "fontawesome-webfont.eot",
    "fontawesome-webfont.svg",
    "fontawesome-webfont.ttf",
    "fontawesome-webfont.woff",
    "fontawesome-webfont.woff2"
  ],

PS：我已經嘗試了web_accessible_resources部分的所有內容，包括*.[format] ， *.*等。

這是我得到的錯誤：

不允許加載本地資源：chrome：//extensions/dilogbnjbadifdhdphnncpfndfocidle/fontawesome-webfont.woff2

截圖：

這是我設置為擴展根目錄的dist文件夾：

我可能做錯了什么？

Answer 1

正確的方案是chrome-extension:// 。
另請參閱i18n API以獲取JS / CSS文件中允許的常量列表：

無論擴展程序或應用程序是否已本地化，都可以在CSS和JavaScript文件中使用特殊消息@@ extension_id 。 此消息在清單文件中不起作用。

@font-face {
  font-family: 'FontAwesome';
  src: url(chrome-extension://__MSG_@@extension_id__/fontawesome-webfont.eot);
  /* ............. */
}