Skip to content
/ vue-crx Public
forked from ylfeng250/vue-crx

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

Notifications You must be signed in to change notification settings

zhigge/vue-crx

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

使用Vue开发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 插件开发 资源

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 75.7%
  • Vue 18.8%
  • HTML 5.5%