审查部件
- 见npm包 这里
- 这个网络组件跟随 打开wc 建议.
安装
yarn install
定型和格式化
要扫描工程内嵌和格式化出错, 请运行
yarn run lint
要自动修正林入和格式化出错, 运行
yarn run format
使用网络测试运行器进行测试
执行单一测试运行 :
yarn run test
要以交互式监视模式运行测试 :
yarn run test:watch
工具配置
对于大多数工具,配置在 package.json 来减少项目中的文件数量.
如果您经常自定义配置, 可以考虑将其移动到单个文件 .
发展说明
出版
确保您可以访问G2国家预防机制账户.
要发布新版本的部件, 请在 package.json 并做出改变.
npm login
接下来
yarn start
yarn build
yarn publish
粘贴
这只和目前状态的Chubbywombat有关.
- 使用上面的指令构建和发布
- 更新 UE 软件包中的审查-widget 版本。 json 并运行
yarn install - 部署到有最新消息的胖子Wombat
- 当使用我g2预览以外的标记时,使用"env"属性指向正确的环境,我的g2上的预览会自动做到这一点.
5 (韩语).
<review-widget widget-id="<WIDGET_UUID>" env="staging"></review-widget>
当地
yarn start
yarn build
<script src="http://localhost:8000/build-modern/components/review-widget.js"></script>
<review-widget widget-id="<WIDGET_UUID>" env="development"></review-widget>
这个 环境 属性对于确保向您的本地 UE 服务器( 开发) 发出 api 呼叫是必要的.
你们得跑 yarn build 每次更改后
在 UE 测试
UE 包含此部件 package.json。要更新 UE 以使用本地版本,您可以使用 yarn link数字 :
从 UE 目录创建此目录的链接 :
> yarn link --relative ../review-widget
更新 HTML 标记以指向本地部件 .
<script src="https://www.g2.test/assets/review_widget.js"></script>
<review-widget widget-id="<WIDGET_UUID>" env="development"></review-widget>
在 Chrome 检查中启用阴影点
- 按下 F12 打开 Dev 工具
- 点击右上方的cog 图标
- 在元素分类下启用“ 显示阴影 DOM ” 选项
- 到“元素”面板后,您可以看到带有所有样式的组件 DOM