@abtasty/popin-image 中文文档教程
Popin Image
显示图像和内容的简单 popin
Preview your widget
在新窗口中启动您的小部件并观察变化。
npm start
Main files
main.jsMain source code of your widgetform.jsConfiguration form for your widgeticon.pngIcon 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 Image
A simple popin displaying image and content
Preview your widget
Launch your widget in a new window and watch for changes.
npm start
Main files
main.jsMain source code of your widgetform.jsConfiguration form for your widgeticon.pngIcon 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.
