使用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└─imgicon.png
复制代码目前模板支持
- vue 模板解析
- es6语法转换
- 图片打包
- 字体打包
使用
## 安装依赖
npm install
## 打包
npm build
## 开发
npm run watch
复制代码Chrome 插件开发 资源
- 《Chrome插件开发全攻略》配套完整Demo
- Chrome扩展及应用开发
- Chrome扩展及应用开发（首发版）