使用 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、网站不提供资料下载,如需下载请到原作者页面进行下载。