ylfeng250 / vue-crx

使用 Vue 2.0 进行Chrome扩展开发的模板

使用 Vue 2.0 开发 Chrome 插件的模板

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

目录结构

│  .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 插件开发 资源

• 《Chrome 插件开发全攻略》配套完整 Demo
• Chrome 扩展及应用开发
• Chrome 扩展及应用开发（首发版）

vue-crx's Issues

npm run watch 问题

感觉内容不错，希望有一篇完整的文章描述如何使用它来开发

如题