使用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
-
└─img
-
icon.png
-
复制代码
目前模板支持
- vue 模板解析
- es6语法转换
- 图片打包
- 字体打包
使用
-
## 安装依赖
-
npm install
-
## 打包
-
npm build
-
## 开发
-
npm run watch
-
复制代码