快速开始

1. 获取项目代码

nccloud 前端应用工程由开发脚手架和平台前端包两部分组成。

  • 获取开发脚手架：http://git.yonyou.com/nc-pub/ncpub-multipage-demo

  • 获取平台前端包：？？？

    2. 准备开发

  • 将平台前端包解压后放入开发脚手架的src/platform下。

  • 在src下建立自己的业务代码文件夹，请按照下图的目录结构创建自己的业务目录。

step8.png
在根目录下的config.json中进行相关配置。

  1. // config.json
  2. {
  3. "buildEntryPath": "./src/scm/*/*/*/*/index.js",
  4. "proxy": "http://10.6.240.46:8888/",
  5. "buildExcludePath": "uapbd/refer",
  6. "noProxyContext": ["/nccloud/resources/reva_demo"],
  7. "devPort": 3007
  8. }
属性 说明
buildEntryPath 业务组代码打包路径（可以是数组）
1. 打包所有项目：
buildWithoutHTML 路径中含有某些字符串的目录，在开发/打包时不生成html文件，主要用于参照/其他公共组件，因为对于组件来说html没有用。例：’uapbd/refer’或[‘uapbd/refer’,’uapbd/refer1’]
noProxyContext 用到了哪个模块，就把哪个模块配上（例子中，reva_demo是模块名）
proxy 请求代理路径
devPort 开发环境端口号

3. 开始开发

  • 在四级目录下的index.js下编写业务代码，

  • 调试命令 npm run dev

    4. 打包

  • 根目录下运行 npm run build