前端组件- cookie- 政策屏蔽
我们目前不接受公众为这项重新投资捐款.
目的
edX cookie 政策横幅 React 组件
开始
安装
npm i --save @edx/frontend-component-cookie-policy-banner
使用量
import CookiePolicyBanner from '@edx/frontend-component-cookie-policy-banner';
// Can import sass file this way
// Or as an import in one of your sass files with other third party sass files
import '@edx/frontend-component-cookie-policy-banner/build/frontend-component-cookie-policy-banner.scss';
const SomeWrappingComponent = () => (
<div>
<span>Blahblablah</span>
<CookiePolicyBanner />
</div>
);
更新 Repo
我们用 semantic-release 更新国家预防机制的一揽子计划.
请遵守语义解析指南, 说明合并更改时如何构建承诺信息 .
样式
如前一个代码示例中的注释所指出,您可以导入与该代码相关的样式 CookiePolicyBanner 直接组件(如果此组件由您所支持) webpack 配置)或通过导入 sass 文件作为您现有 sass 文件的一部分( 可能是您其他第三方 sass 文件导入的地方) .
| 要求: | 这个 CookiePolicyBanner sass 文件假定存在 @edx/ brand 主题 |
|---|
// base.scss
@import 'thirdPartySass';
@import 'anotherThirdPartySass';
// Theme styles
@import '@edx/brand/paragon/fonts';
@import '@edx/brand/paragon/variables';
// Cookie Policy Banner style
@import '@edx/frontend-component-cookie-policy-banner/build/frontend-component-cookie-policy-banner';
本地测试其它仓库
当前构建不包含在 git 寄存器中, 因此要用依赖寄存器测试组件, 您必须首先通过运行来构建组件 npm run prepublishOnly,然后删除 build 财务报告和审定财务报表 build/Release 从 .gitignore 并将结果交给你的分支. 请在合并前将更改移到. gitignore !
一旦你做出承诺,并将建设推到你的分支,你可以通过添加来将它带入一个依赖寄存器的包.json
"@edx/frontend-component-cookie-policy-banner": "git+https://github.com/openedx/frontend-component-cookie-policy-banner#<my_branch_name>"
运行 npm install。 。 。 .
请注意,每当你改变你的分支, 你将不得不重建, 承诺推 由此形成的建筑文物, 并重新运行 npm install 在依赖的仓库中.
故事书
Storybook 是一个有用的工具,可以显示组件的预期和潜在用途.
执行
截至2020年11月,"故事本"与"网页包"5不相容,因此在运行前将您的"网页包"版本改为4.44.1.
npm run start
本地构建 CookiePolicyBanner 端口组件 3003。 。 。 .
许可证
此寄存器中的代码根据 AGPLv3 许可, 除非有其它操作 注释.
请看 LICENSE <LICENSE>- 详细情况.
edX 行为守则
所有社区成员都要遵守《宣言》 Open edX Code of Conduct (中文(简体) ).
https://open.edx.org/code-of-conduct/
联系人
您可以联系 edx 开源团队 缩写:[email protected]。 。 。 .
安全报告信息
请不要公开报告安全问题。 通过电子邮件将安全问题发送给 安全性@ openedx.org。 。 。 .