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@4编译前端代码CompileModStartcode一般情况下系统前端代码不需要修改#进入系统静态资源根目录cdc:\xxx\vendor\modstart\modstart\resources\asset\#安装依赖cnpminstall#包front-结束css、图片等静态资源gulp#调试模式:package前端JS单页静态资源webpack--envdev#生产模式:pack前端JS单页静态资源webpack#开发模式:packfront-端JS单页静态资源,开发时刷新webpack--envdev--watch编译模块代码编译模块前端代码前,请确保ModStart的静态资源已经安装并依赖(cnpminstall)#进入模块静态资源根目录cdc:\xxx\module\Xxx\resources\asset\#安装依赖cnpminstall#打包前端CSS、图片等静态资源gulp#调试方式:打包前端JS单页静态资源webpack--envdev#生产方式:打包前端JS单页静态资源webpack#开发方式:打包前端JS单页静态资源,开发时刷新webpack--envdev--watchOSX待添加...例如,vue单页应用集成:Corp模块Doc模块Vue正常集成:Question模块
