前端开发ModStart框架使用jQuery等基础前端技术，页面不局限于使用Vue和React作为前端技术集成。前端代码位置ModStart基础前端代码位于vendor/modstart/modstart/resources/asset/。不同模块的前端代码位于module/Xxx/resources/asset/前端代码需要用nodejs构建，需要知道使用webpack和gulp打包前端的基础知识进步。如何编译前端代码Windows安装nodejs进入官网http://nodejs.cn/，下载对应的nodejs安装包，完成安装。推荐安装node14，其他版本未经过充分测试验证。打开nodejs命令窗口。安装完成后点击Windows启动，打开Node.js命令提示符命令窗口安装cnpm和包依赖。安装cnpm主要是为了解决国内访问npm速度太慢的问题，可以选择安装cnpmnpminstall-gcnpm--registry=https://registry.npmmirror.com来安装webpack和gulp依赖自己的情况cnpminstall-gwebpack-cli@4webpack@4gulp@4compilefront-endcodeCompileModStartcode一般情况下系统的前端代码不需要修改#进入系统静态资源根目录cdc:\xxx\vendor\modstart\modstart\resources\asset\#安装依赖cnpminstall#打包前端CSS、图片等静态资源gulp#调试方式：打包前端JS单页静态资源webpack--envdev#生产模式：打包前端JS单页静态资源webpack#开发模式：打包前端JS单页静态资源，开发时刷新webpack--envdev--watchcompilemodulecode编译前模块前端代码请保证静态资源ModStart的已经作为依赖安装(cnpminstall)#进入模块静态资源根目录cdc:\xxx\module\Xxx\resources\asset\#install依赖cnpminstall#打包前端css、图片等静态resourcesgulp#调试模式：打包前端JS单页静态资源webpack--envdev#生产模式：打包前端JS单页静态资源webpack#开发模式：打包前端JS单页静态资源，开发时刷新webpack--envdev--watchOSX/Linuxinstallnodejs进入官网http://nodejs.cn/，下载对应的nodejs安装包，完成安装。建议安装node14以上版本安装cnpm和packagedependencies来安装cnpm。主要是为了解决国内访问npm速度太慢的问题。大家可以根据自己的情况选择安装cnpm。npminstall-gcnpm--registry=https://registry.npmmirror.com安装webpack和gulp依赖cnpminstall-gwebpack-cli@4webpack@4gulp@4编译前端代码通常编译ModStart代码系统前端代码不用修改#进入系统静态资源根目录cdvendor/modstart/modstart/resources/asset/#安装依赖cnpminstall#打包前端CSS、图片等静态resourcesgulp#调试模式：打包前端JS单页静态资源webpack--envdev#生产模式：打包前端JS单页静态资源webpack#开发模式：打包前端JS单页静态资源,开发时刷新webpack--envdev--watch编译模块代码编译模块前端代码前，请确保ModStart的静态资源已经安装并依赖(cnpminstall)#进入模块静态资源根目录cdmodule/Xxx/resources/asset#安装依赖cnpminstall#打包前端CSS、图片等静态资源gulp#调试模式：打包前端JS单页静态资源webpack--envdev#生产模式：打包前端JS单页静态资源webpack#开发方式：打包前端JS单页静态资源，开发时刷新webpack--envdev--watch前端开发组件弹窗功能可以快速创建弹窗（iframe）添加数据对话请求模型）。
