使用 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 扩展及应用开发(首发版)
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。