欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Java开源平台二次开发教程:custom前端代码编译

程序员文章站 2022-03-03 15:04:00
...

一、 功能介绍

编译custom前端代码,以crm(客户管理)为例

二、开发环境

1,webstorm

2,Node.js

三、关联webstorm和Node

1,打开webstorm设置界面:file-settings

2,选则Node.js and NPM (安装node.js 时会自动安装npm)

3,配置Node和NPM

Java开源平台二次开发教程:custom前端代码编译
            
    
    博客分类: O2OA二次开发手册企业信息化系统架构企业信息化系统 java开发编程开发教程开源项目
 

四、crm前端代码编译

1,从gitee上将crm源码clone到本地,地址为:

Java开源平台二次开发教程:custom前端代码编译
            
    
    博客分类: O2OA二次开发手册企业信息化系统架构企业信息化系统 java开发编程开发教程开源项目
 

2,用webstorm打开clone下来的crm前端代码

Java开源平台二次开发教程:custom前端代码编译
            
    
    博客分类: O2OA二次开发手册企业信息化系统架构企业信息化系统 java开发编程开发教程开源项目
 

3,修改任意js代码,已修改Clue.js为例

Java开源平台二次开发教程:custom前端代码编译
            
    
    博客分类: O2OA二次开发手册企业信息化系统架构企业信息化系统 java开发编程开发教程开源项目
 

4,在命令窗口输入命令gulp开始编译

Java开源平台二次开发教程:custom前端代码编译
            
    
    博客分类: O2OA二次开发手册企业信息化系统架构企业信息化系统 java开发编程开发教程开源项目
 

5,编译成功后进入dest目录查看,可以看到Clue.js以及Clue.min.js两个文件,Clue.min.js是编译之后生成的压缩文件,也是应用实际运行的文件。

Java开源平台二次开发教程:custom前端代码编译
            
    
    博客分类: O2OA二次开发手册企业信息化系统架构企业信息化系统 java开发编程开发教程开源项目
 

6,将编译后的Clue.min.js文件替换服务器目录下对应的Clue.min.js文件,这样就完成了一次修改。

Java开源平台二次开发教程:custom前端代码编译
            
    
    博客分类: O2OA二次开发手册企业信息化系统架构企业信息化系统 java开发编程开发教程开源项目