一、前后端文件共享的需要背景——为什么需要共享？

  1. 项目基本JS/NodeJS全端开发，有部分代码前后端都需要用得到
  2. 有一些配置是在前后端都需要用得到的

区别其他开发平台，NodeJS平台下的前后端文件共享，可以是文件不经修改的前后台互用。
需要有一套规范来管理和组织前后端共用的文件。

二、可选方案

  1. Browserify
  2. 静态资源目录
  3. 构建方式
  4. 服务器端IO处理
方案 优点 缺点
Browserify 服务器端支持好 封装出来为AMD标准，前台需要依赖requireJS
静态资源目录 组织方式简便 1、前端无法进行压缩、合并
2、如将公用文件放在根目录，则代码超出了前、后台工程目录，破坏了代码组织形式
构建 可解决压缩问题 发布时必须经过构建命令处理
服务器端IO处理 文件目录组织灵活 前端无法进行压缩、合并

三、计划采用方案——构建方式

fullstack_modules目录

    1. 目录定义
      建立构建共享目录fullstack_modules；
      并通过webserver容器设置为静态目录；
      前、后端均直接调用；

    2. 前、端引用
      前端使用script-src引用;
      后端使用require引用;

    3. 前端构建
      通过grunt进行压缩、合并操作需要生成新文件时，将文件COPY到其他目录；

NodeJS平台下的前后端文件共享的更多相关文章

  1. 项目平台统一（前后端IDE、代码风格）

    项目平台统一(前后端IDE.代码风格) 记录人:娄雨禛 前端:Webstorm(HTML+CSS+JavaScript) 后端:IntelliJ IDEA(Java) 代码风格:Java风格代码 代码 ...

  2. 对GraphQL-BFF：微服务背景下的前后端数据交互方案的研究-------引用

    随着多终端.多平台.多业务形态.多技术选型等各方面的发展,前后端的数据交互,日益复杂. 同一份数据,可能以多种不同的形态和结构,在多种场景下被消费. 在理想情况下,这些复杂性可以全部由后端承担.前端只 ...

  3. Docker环境下的前后端分离项目部署与运维

    本教程将从零开始部署一个前后端分离的开源项目,利用docker虚拟机的容器技术,采用分布式集群部署,将项目转换成为高性能.高负载.高可用的部署方案.包括了MySQL集群.Redis集群.负载均衡.双机 ...

  4. Docker环境下的前后端分离项目部署与运维（九）后端项目部署与负载均衡

    数据库准备 建立数据库 renren_fast ,然后运行renrenfast项目中的db文件夹内的脚本 -- 菜单 CREATE TABLE `sys_menu` ( `menu_id` bigin ...

  5. Docker环境下的前后端分离项目部署与运维（六）搭建MySQL集群

    单节点数据库的弊病 大型互联网程序用户群体庞大,所以架构必须要特殊设计 单节点的数据库无法满足性能上的要求 单节点的数据库没有冗余设计,无法满足高可用 单节点MySQL的性能瓶领颈 2016年春节微信 ...

  6. Docker环境下的前后端分离项目部署与运维（七）Redis高速缓存

    Redis高速缓存 利用内存保存数据,读写速度远超硬盘:可以减少I/O操作,降低I/O压力. 发红包.抢红包的数据可以存在高速缓存中,加快处理速度,不需要经过数据库 淘宝首页一些优惠活动商品等热数据可 ...

  7. Docker环境下的前后端分离项目部署与运维（十一）Docker Swarm技术

    Docker Swarm技术 docker swarm技术(之前的docker集群都是在 一个虚拟主机上的,但是如果这个主机挂掉了over了,docker技术就是多个虚拟主机形成一个集群) Swarm ...

  8. Window下，前后端分离项目，登录权限验证中的，Redis相关操作

    [1]官网下载Redis(解压版) https://redis.io/download [2]切换到目录下打开DOS,执行指令启动Redis redis-server.exe redis.window ...

  9. Docker环境下的前后端分离项目部署与运维（十二）使用Portainer管理Docker

    安装 docker hub地址:https://hub.docker.com/r/portainer/portainer/ # 每台服务器都要安装 docker pull portainer/port ...

随机推荐

  1. jquery怎么取得有好几个并且name是相同的值

    jQuery("input[name='number']").each(function(){ alert(jQuery(this).val()); });

  2. react打包开发文件的步骤（上传给线上环境）

    cd进入ReleaseProject目录,然后运行npm start,系统会自动在public目录下面完成打包工作,然后我再把  public文件下压缩位public.rar上传即可:(public文 ...

  3. react生命周期es6

    基本函数有 import React from 'react' export default class MyClass extends React.Component { constructor(p ...

  4. No value specified for 'Date'错误

    今天使用 BeanUtils.copyProperties(m,n);  遇到  No value specified for 'Date'  这个错误,以前用的时候都不需要加 try 今天使用发现需 ...

  5. SQL Server ->> 高可用与灾难恢复（HADR）技术之 -- Transaction Replication（事务复制）

    复制类型: 1)事务型复制:通过复制事务日志到订阅点重做的方式,属于增量型复制: 2)合并型复制:通过触发器和元数据表追踪表数据改变,同样属于增量型复制: 3)快照型复制:通过创建数据库快照,并把快照 ...

  6. [翻译] VLDContextSheet

    VLDContextSheet 效果: A clone of the Pinterest iOS app context menu. 复制了Pinterest应用的菜单效果. Example Usag ...

  7. 关于用GetManifestResourceNames读不出资源文件的解决

    在写程序时,需要读出所有资源的图片文件,程序工作正常, Assembly asm = Assembly.GetExecutingAssembly();string[] resourceNames = ...

  8. 服务器编程入门（13） Linux套接字设置超时的三种方法

    摘要:     本文介绍在套接字的I/O操作上设置超时的三种方法. 图片可能有点宽,看不到的童鞋可以点击图片查看完整图片.. 1 调用alarm 使用SIGALRM为connect设置超时 设置方法: ...

  9. php图片处理类

    代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-- ...

  10. MP4个人制作