前端打包教程
项目:鄞州银行企业网银
环境: windows 64位
日期:2017-05-26
版本:v1.0
作者:longbo
安装nodejs环境:
- 直接运行文件中的 node-v7.4.0-x64.msi;
- 在cmd中键入
npm version
,如果能正常看到版本号,说明安装成功;
安装gulp、bower、less等全局插
- 在cmd中键入
npm bin -g
, 获取npm 执行路径; - 将node_global.zip 复制到刚才获取的路径下,解压;
安装前端项目的依赖包
- 进入企业网银的前端工程,找到有package.json文件的那一层(ent.ui.pc/src/main/webapp);
- 将node_modules.zip复制到当前目录,解压 (解压后的目录请设置为svn ignore);
执行脚本
确保ent.ui.pc,和ebank这两个项目在同级目录,ent.ui.pc是开发时使用的,ebank是发布时使用的
ebank等价于ent.ui.pc,区别在于ebank中的所有代码是经过合并、压缩的。
- 在上一个步骤的路径下,cmd执行
gulp clean
, 删除旧的项目; -
cmd 执行
gulp serve-build
打包新的项目; - 等待操作执行完毕,如果自动弹出浏览器窗口,说明打包成功。
完成
svn 同步ebank项目,将改动提交。