一、前后端文件共享的需要背景——为什么需要共享?
- 项目基本JS/NodeJS全端开发,有部分
代码
前后端都需要用得到 - 有一些
配置
是在前后端都需要用得到的
区别其他开发平台,NodeJS平台下的前后端文件共享,可以是文件不经修改的前后台互用。
需要有一套规范
来管理和组织前后端共用的文件。
二、可选方案
- Browserify
- 静态资源目录
- 构建方式
- 服务器端IO处理
方案 | 优点 | 缺点 |
---|---|---|
Browserify | 服务器端支持好 | 封装出来为AMD标准,前台需要依赖requireJS |
静态资源目录 | 组织方式简便 | 1、前端无法进行压缩、合并 2、如将公用文件放在根目录,则代码超出了前、后台工程目录,破坏了代码组织形式 |
构建 | 可解决压缩问题 | 发布时必须经过构建命令处理 |
服务器端IO处理 | 文件目录组织灵活 | 前端无法进行压缩、合并 |
三、计划采用方案——构建方式
fullstack_modules目录
-
目录定义
建立构建共享目录fullstack_modules
;
并通过webserver容器设置为静态目录;
前、后端均直接调用; -
前、端引用
前端使用script-src引用;
后端使用require引用; -
前端构建
通过grunt进行压缩、合并操作需要生成新文件时,将文件COPY到其他目录
;