基于 React 的可嵌入式 JavaScript 小部件开发

介绍如何使用 React 创建可嵌入的 JavaScript 小部件,并提供详细的开发步骤和技术方案。该方案利用 ES6/ES2015 语法和 Babel 进行代码转换,使用 Webpack 将字体、CSS、JSON 和 JavaScript 文件打包,并通过 CSS Modules 避免样式冲突。此外,该方案还支持书签功能,方便快速测试和演示;支持用户主题混淆,增强用户体验;并集成了单元测试和代码覆盖率工具,确保代码质量。最后,该方案还提供了持续集成和部署方案,方便代码管理和发布。

zip
embeddable-react-widget-master.zip 预估大小:28个文件
folder
embeddable-react-widget-master 文件夹
file
.eslintrc 420B
folder
jest 文件夹
file
fileTransform.js 160B
file
setup.js 257B
file
cssTransform.js 126B
folder
public 文件夹
file
index.html 874B
file
blank.html 309B
folder
stories 文件夹
file
index.stories.js 174B
file
webpack.config.js 2KB
folder
src 文件夹
folder
components 文件夹
file
widget.test.js 975B
file
widget.js 2KB
file
widget.scss 2KB
folder
__snapshots__ 文件夹
file
widget.test.js.snap 4KB
folder
outputs 文件夹
file
bookmarklet.js 235B
file
bookmarklet.test.js 535B
file
embeddable-widget.js 1KB
file
embeddable-widget.test.js 2KB
folder
test-helpers 文件夹
file
index.js 635B
folder
.circleci 文件夹
file
config.yml 1KB
folder
.storybook 文件夹
file
webpack.config.js 239B
file
config.js 280B
file
addons.js 86B
file
README.md 4KB
file
renovate.json 103B
file
.gitignore 39B
file
bookmarklet-flow.gif 2.28MB
file
package-lock.json 933KB
file
package.json 4KB
folder
vendor 文件夹
file
cleanslate.css 20KB
zip 文件大小:2.19MB