使用Vue开发Chrome扩展_weixin_34204722的博客-CSDN博客

使用Vue开发Chrome插件的模板

最近看了一些Chrome 插件开发的内容, 想要使用Vue的单文件来编写，但是没有现成的webpack打包方式，自己写了一个，第一次自己编写webpack的配置文件。github

目录结构

│  .babelrc.js│  .gitignore│  package-lock.json│  package.json│  webpack.config.js│  ├─src│  │  manifest.json│  │  │  ├─background│  │      background.js│  │      │  ├─content│  │      content.js│  │      │  ├─option│  │      App.vue│  │      option.html│  │      option.js│  │      │  └─popup│          App.vue│          popup.html│          popup.js│          └─static    └─img            icon.png复制代码

目前模板支持

  • vue 模板解析
  • es6语法转换
  • 图片打包
  • 字体打包

使用

## 安装依赖npm install ## 打包npm build## 开发npm run watch复制代码

Chrome 插件开发 资源

原网址: 访问
创建于: 2021-06-22 18:03:48
目录: default
标签: 无

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论