一个 Vue-cli chrome extension 开发模板,支持同步刷新与 crx 打包

2018-06-06 22:32:05 +08:00
 kinglisky

项目在这:https://github.com/kinglisky/vtemp-chrome-extension

一个 Vue-cli chrome 扩展开发模板,支持同步刷新与 crx 格式打包。

使用: vue init kinglisky/vtemp-chrome-extension my-project cd my-project npm install npm run dev

最早做 斗图插件 时需要手动去刷新加载插件,十分的繁琐。 后面是引入一个 background script 解决的。原理是监听扩展目录中的文件的变动,检测到变动时,重新加载扩展并刷新活动选项卡以重新触发插件的更新,不过刷新的次数如果过多被浏览器禁用(安全限制?)。 这时就需要手动禁用一下插件再打开.....总之是很不靠谱的一种方法。有没有类似于 hot reload 的方法开发时同步刷新刷新插件呢?

然后还真找到一个 webpack 插件:https://github.com/YuraDev/wcer 用起来挺好用的。

然后使用 webpack-simple 封装了一个 vue-cli tempalte。欢迎来试试。

1719 次点击
所在节点    分享发现
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/461024

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX