page-creator-ide
npm 包方式:
npm install --save page-creator-ide
web 方式:
<script src="https://unpkg.com/page-creator-ide@0.1.0/dist/index.umd.js"></script>
引入之后将会暴露全局变量 pageCreatorIDE
.
如果你想要在 webpack 中 external 该库,可以使用以下配置:
{
externals: {
"page-creator-ide": {
"commonjs": "page-creator-ide",
"commonjs2": "page-creator-ide",
"amd": "page-creator-ide",
"root": "pageCreatorIDE"
}
}
}
首先从 git 仓库拉取代码,安装依赖项:
git clone https://github.com/alibaba-paimai-frontend/page-creator-ide.git
npm install
## 安装 peerDependencies 依赖包
npm install ide-code-editor@0.x.x ss-tree@1.x.x antd@3.x mobx@4.x mobx-react@5.x mobx-state-tree@3.x react@16.x styled-components@4.x.x react-dom@16.x
运行以下命令后,访问 demo 地址: http://localhost:9000
npm run dev
也可访问 storybook 参考具体的使用案例:http://localhost:9001/
npm run storybook
P.S. 由于需要依赖 ide-code-editor 仓库比较特别,需要:
- 将ide-code-editor 仓库下载到本地
- 本地运行
npm run build
打出其dist
目录 - 开启本地服务器的
9005
端口,推荐使用 http-server:
使用 jest 进行测试,执行:
npm test
普通的 npm 发布即可,记得发布前需要手动打包:
npm run build && npm publish