@abtasty/popin-video 中文文档教程
Popin Video
显示视频和内容的简单 popin
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.
Popin Video
A simple popin displaying video 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.