Skip to content

Latest commit

 

History

History
57 lines (51 loc) · 1.33 KB

readme.md

File metadata and controls

57 lines (51 loc) · 1.33 KB

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