之前找了不少如何开发谷歌插件的文章，结果发现都是些很基础的内容，并没有写到如何快速编译打包插件。我就在想为什么不能通过webpack来打包插件呢？如果通过webpack编译的话，就能使开发过程变得更舒服，使文件结构趋向模块化，并且打包的时候直接编译压缩代码。后来发现了vue-cli-plugin-chrome-ext插件，通过这个插件能很方便地用vue-cli3来开发谷歌插件，并能直接引用各种UI框架跟npm插件。
tip：如果你没接触过谷歌插件开发的话建议先看看基础文档：
- Chrome 插件开发中文文档
- Chrome插件开发全攻略
搭建环境
- 创建一个
vue-cli3项目：vue create vue-extension，对话流程选择默认就行。 - 进入项目
cd vue-extension - 安装
vue-cli-plugin-chrome-ext插件：vue add chrome-ext,根据安装对话选项设置好。 - 删除
vue-cli3无用文件跟文件夹&
最后
以上就是迷路花瓣最近收集整理的关于vue-cli3开发Chrome插件实践的全部内容，更多相关vue-cli3开发Chrome插件实践内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复