kipsong / vite-chrome-extension

又快又爽的开发 Chrome 扩展程序

• Love life
• Enjoy coding

vite-chrome-extension's Issues

急,一个关于vite中配置jsx的问题,希望content-script里能写jsx

目前项目是👇的样子,按照官方的配置多入口的方式配置了,但是无法按照同样的方式配置content-scrpt.js为入口

目前项目的content-script是直接用原生js写的

我们希望能在这个content-script.js里面直接写jsx,应该如何配置?
非常感谢您的帮助
我们的项目在赶工,所以加了个'急'字,希望能尽快回复
谢谢

vite-chrome-extension 后续

目前 vite-chrome-extension 没提供一些插件功能，只是简单的去构建了一套使用框架去支持的开发。

在团队内部中，我们同样在这个基础之上做了很多改造
比如 contentScript、backgroundScript、tabPage、Popup等不同的Manifest.json中文件依赖的一些文件。

你可能遇到的问题有：

1. 如何在 contentScript 写TSX输出。
2. 如何让 BackgroundScript 输出ES 模块。
3. 如何让 ContentScript 输出 UMD 模块。

这类问题Vite 并不能根据多路口的方式生成不同的模块规范，可以使用多个脚本去输出：

vite build && rollup -c content.script.ts && rollup -c background.script.ts 

how to tune extension in dev envrionment?

hi
i just cloned this repo, installed all dependencies, and then run command: yarn dev
i can see ui from localhost:3000 indeed
but how may i debug extension via chrome, for example the communication between ui part and the background?
i can't find a dir containing manifest.json, so i can't add extension to chrome i think.

chrome插件是个多页应用,应该如何配置呢,示例只有对于单页应用的使用

chrome插件是个多页应用,应该如何配置呢,示例只有对于单页应用的使用

如何在contentScript中写jsx

我希望能在contentScript中写jsx,于是我改了文件名称,变为tsx,并修改了各个路径和部分配置,此时如下图

这个时候build,产物(见👆右侧内容)成功注入页面 ==> 两个节点都在

然后我取消jsx的注释,build后的产物(见👇右侧内容)看似正常

但实际使用的时候,两个节点都消失了,build过程无任何报错

请问如何解决这种问题?

css module在引入的时候没有代码路径提示

我最近才开始尝试css module,然后发现:
css module在引入的时候没有代码路径提示

且在我手动补全后ctrl+click无法直接跳转😭

<extensionurl>/xxxdir/xxx.html/routepath无法正常使用

我在配置options.html页面的时候,发现一个问题:
通常,在使用options页面的时候,会打开一个新的tab,结尾是.html,但是在这种情况下,react-router-dom无法正常运行, /xxxdir/xxx.html/routepath无法正常使用
我也尝试了官方针对多页应用的解决方案,没有效果,因为他那种情况下xxx.html是不会显示在路径中的,
请问您是如何解决的,可否提供一些思路? (我发现有的插件是用锚点实现的类似切换路由的效果)

如果您没有在options页面没有使用router的话,我再会去eact-router-dom提issue
非常感谢