@abtasty/scratchcard 中文文档教程
Scratch Card Widget
从 Image Popin Widget 分叉。
一个简单的 popin 显示 scratchcad 和内容。
Preview your widget
在新窗口中启动您的小部件并观察变化。
npm start
Main files
main.js
Main source code of your widgetform.js
Configuration form for your widgeticon.png
Icon for your widget (recommended size: 200x200px)
您可以像这样在 package.json
中指定每个文件位置:
"main": "dist/main.js",
"form": "dist/form.js",
"icon": "icon.png",
Included
- Rollup.js module bundler (like Webpack but smaller and faster).
- ES6 support using Babel.
- JavaScript Linting with ESLint and Airbnb style.
- JavaScript minified with UglifyJS.
- Prettier to format code.
Add your widget to AB Tasty
- First, you'll need to have your widget on NPM:
- Create a minified bundle with
npm run build
- Bump the version of your widget (using semver) with
npm version [patch|minor|major]
- Publish it to NPM:
npm publish
- Create a minified bundle with
- Once your widget is on NPM, you can now add it on AB Tasty at https://marketplace.abtasty.com/publish.
Scratch Card Widget
Forked from the Image Popin Widget.
A simple popin displaying scratchcad and content.
Preview your widget
Launch your widget in a new window and watch for changes.
npm start
Main files
main.js
Main source code of your widgetform.js
Configuration form for your widgeticon.png
Icon for your widget (recommended size: 200x200px)
You can specify each file location in the package.json
like this:
"main": "dist/main.js",
"form": "dist/form.js",
"icon": "icon.png",
Included
- Rollup.js module bundler (like Webpack but smaller and faster).
- ES6 support using Babel.
- JavaScript Linting with ESLint and Airbnb style.
- JavaScript minified with UglifyJS.
- Prettier to format code.
Add your widget to AB Tasty
- First, you'll need to have your widget on NPM:
- Create a minified bundle with
npm run build
- Bump the version of your widget (using semver) with
npm version [patch|minor|major]
- Publish it to NPM:
npm publish
- Create a minified bundle with
- Once your widget is on NPM, you can now add it on AB Tasty at https://marketplace.abtasty.com/publish.