使用 CRXJS、Vite、TypeScript、Vue3、Pinia、Less、Naive-ui 开发 Chrome 浏览器插件——自带热加载，无需手动配置 vite.config.ts 文件

晓_枫:

版本是一直在更新：

最新的@crxjs/vite-plugin和vite websocket连不上；尝试了各种版本，最后是[code=javascript]

"vite": "^2.9.9","@crxjs/vite-plugin": "^1.0.14"

[/code]，可以用

然后还有一个坑是Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension. 这个应该和浏览器版本有关系，要求越来越严格，[code=plain]

"resources": [

"**/*",

"*"

],

[/code] 直接这样写不行，经过尝试至少得写一个文件夹名[code=plain]

"resources": ["src/content/content.js", "assets/*"],

[/code]

两万字大章带你使用 Vue3、Vite、TypeScript、Less、Pinia、Naive-ui 开发 Chrome 浏览器 Manifest V3 版本插件

gqkmiss:

linux 系统的文件分隔符是 /

window 的应该是 \ 吧？

你可以把 path.resolve 后面的 'node_module/.bin/vite' 改成 path.join，一个个添加就行，不写 / 或者 \

两万字大章带你使用 Vue3、Vite、TypeScript、Less、Pinia、Naive-ui 开发 Chrome 浏览器 Manifest V3 版本插件

ccc2024:

是windows系统，也全局安装了nodemon。请问怎么修改mjs文件的VITE_BIN_PATH?谢谢

JavaScript 中的 Range 和 Selection 对象

谁与流年，默以微笑:

引用「是一个选区的起始点（不同于 HTML 中的锚点链接）。当我们使用鼠标框选一个区域的时候，锚点就是我们」

2

JavaScript 中的 Range 和 Selection 对象

谁与流年，默以微笑:

引用「选区的起始点（不同于 HTML 中的锚点链接）。当我们使用鼠标框选一个区域的时候，锚点就是我们鼠标按」

1