Skip to content

bp项目介绍与配置

Jump to bottom
fengpeng edited this page Sep 22, 2016 · 2 revisions

bp项目介绍与配置

所谓bp项目实际上是将前端代码从xadmin拆出来, 并重构过的项目. 没有服务端直接在页面上输出数据, 全部走Ajax. 
在源码管理层面迁移到[Gitlab](http://work.dianshang.wanda.cn)最终提交到xadmin项目里的是编译打包后
的代码(目录是webroot/BPAPPS), 因为针对的是文件夹, 一般也不会有冲突.

必要环境NodeJS

安装没什么说的, 版本到4以上即可.

相关的用到的技术

  1. angular
  2. NG6-starter
  3. LESS
  4. Gulp
  5. Webpack

几个内部使用的公共库

  1. bp-admin-skin 公共的样式库
  2. fancyui 公共的组件库 查看上面两个库的文档例子请猛击这里

怎么把项目跑起来

  1. 进入项目目录
  2. npm install
  3. 在终端里运行gulp
  4. 在浏览器里输入终端里提示的URL, 然后加上项目里设置的路由

bp-admin-generator

bp-admin-generator是一个项目生成工具, 推荐用此工具来生成项目文件, 具体请移步项目内README

项目如何打包

这里分两种情况. 第一是没有用generator生成的项目, 使用

gulp webpack --app appName

第二种是用generator生成的项目, 因为在初期已经确定过名字了所以直接

gulp webpack

项目生成到哪去了

这个具体看配置, 没有用generator生成的项目会有个**[appName].dist.path.js来配置生成的目录 generator生成的是在创建的之时, 通过 --dist参数确定的目录, 可以手动修改, 配置在custom.env.config.js**文件中.

Clone this wiki locally