narro 73034c45c7 修改线上地址 | преди 6 години | |
---|---|---|
lib | преди 6 години | |
public | преди 6 години | |
src | преди 6 години | |
.babelrc | преди 6 години | |
.eslintrc | преди 6 години | |
.gitignore | преди 6 години | |
README.md | преди 6 години | |
config-overrides.js | преди 6 години | |
package.json | преди 6 години |
通用评论系统
# npm 安装
$ npm install git+https://git.links123.net/npm/comment.git --save
# yarn 安装
$ yarn add git+https://git.links123.net/npm/comment.git
然后在代码里面引入 comment
组件:
import Comment from 'comment'
// ...
render() {
return (
<Comment />
)
}
注意:最好,还需要在 HTML 文件里面引入阿里云 OSS SDK <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk.min.js"></script>
首先引入 OSS SDK,用于直传文件到 OSS。
然后分别通过 link 和 script 标签引入打包后的文件。
再创建一个 id 为 root-comment
的标签,作为渲染通用评论的跟元素。
如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="./static/css/main.f205c84d.css" />
</head>
<body>
<div id="root-comment" style="width: 700px"></div>
<script src="http://gosspublic.alicdn.com/aliyun-oss-sdk.min.js"></script>
<script src="./static/js/main.eac872df.js"></script>
</body>
</html>
$ git clone https://git.links123.net/npm/comment
$ cd comment
$ yarn
$ yarn start
yarn build
将项目打包成一个单页应用yarn lib
将项目打包成一个组件yarn prettier
格式化代码