开源软件名称:cucygh/vue-chrome-extension-example
开源软件地址:https://github.com/cucygh/vue-chrome-extension-example
开源编程语言:
JavaScript
88.7%
开源软件介绍:vue chrome extension example
develop chrome extension with vue
Installation
Usage
Run $ gulp --watch and load the dist -directory into chrome.
Entryfiles (bundles)
There are two kinds of entryfiles that create bundles.
- All js-files in the root of the
./app/scripts directory
- All css-,scss- and less-files in the root of the
./app/styles directory
Tasks
Build
Option |
Description |
--watch |
Starts a livereload server and watches all assets. To reload the extension on change include livereload.js in your bundle. |
--production |
Minifies all assets |
--verbose |
Log additional data to the console. |
--vendor |
Compile the extension for different vendors (chrome, firefox, opera) Default: chrome |
--sourcemaps |
Force the creation of sourcemaps. Default: !production |
pack
Zips your dist directory and saves it in the packages directory.
$ gulp pack --vendor=firefox
Version
Increments version number of manifest.json and package.json ,
commits the change to git and adds a git tag.
or
$ gulp feature // => 0.X.0
or
$ gulp release // => X.0.0
Globals
The build tool also defines a variable named ENV in your scripts. It will be set to development unless you use the --production option.
Example: ./app/background.js
if(ENV === 'development'){
console.log('We are in development mode!');
}
|
请发表评论