支持 web_accessible_resources 中的资源编译 about vite-plugin-crx-mv3 HOT 6 CLOSED

@rhinonan 刚发布了0.0.7-beta.0 , 支持这个功能了，安装这个版本试下。

from vite-plugin-crx-mv3.

可以写个demo吗，然后上传到你的GITHUB仓库，我看看你现在的写法。

from vite-plugin-crx-mv3.

demo 在公司，有信息安全整不出来，我贴下主要代码。 我用的是你的example 里面的 vue 示例

如果不能理解，我再重新写一个DEMO

// content.ts 主要代码
window.onload = async () => {
  const el = document.querySelector('body');
  const sc = document.createElement('script');
  // 我需要获取页面中的js变量，所有只能插入这个js，并且这个资源需要在manifest -> web_accessible_resources 中声明
  // 这个js我希望ts编写，所以希望vite能够编译
  //
  const injected = chrome.runtime.getURL('content_script/injected.js');
  sc.src = injected;
  if (el) {
    el.appendChild(sc);
  }
}

/* manifest.json */
{
        ......,
	"web_accessible_resources": [
	{
		"resources": ["content_script/injected.js"],
		"matches": [
			"*://*/*",
			"<all_urls>"
		]
	  }
	]
}

from vite-plugin-crx-mv3.

demo 在公司，有信息安全整不出来，我贴下主要代码。 我用的是你的example 里面的 vue 示例

如果不能理解，我再重新写一个DEMO

// content.ts 主要代码
window.onload = async () => {
  const el = document.querySelector('body');
  const sc = document.createElement('script');
  // 我需要获取页面中的js变量，所有只能插入这个js，并且这个资源需要在manifest -> web_accessible_resources 中声明
  // 这个js我希望ts编写，所以希望vite能够编译
  //
  const injected = chrome.runtime.getURL('content_script/injected.js');
  sc.src = injected;
  if (el) {
    el.appendChild(sc);
  }
}

/* manifest.json */
{
        ......,
	"web_accessible_resources": [
	{
		"resources": ["content_script/injected.js"],
		"matches": [
			"*://*/*",
			"<all_urls>"
		]
	  }
	]
}

好的，明白你意思了，之前确实没考虑到这种情况。

from vite-plugin-crx-mv3.

大佬牛逼，我现在就试一试

from vite-plugin-crx-mv3.

@Jervis2049 已经验证，能够正常编译。

from vite-plugin-crx-mv3.