前后端如何维护一份公共常量

CodeSheep 发布于2019-08-22 18:50 / 1166人阅读

摘要：背景目前大部分项目采用了前后端分离的方式进行开发问题开发的时候可以在和分别用启动项目并多带带运行。比如一些常量，我们并不希望他们有多份。解决方案这个时候我们可以采用软链接的方式来维护一份代码。

背景：
目前大部分Web项目采用了前后端分离的方式进行开发：

src (code)

public (image, font)

package.json

server

config (settings)

src (code)

package.json

问题：
开发的时候可以在ui和server分别用 "yarn start"启动项目并多带带运行。但是这样的模式却让ui和server无法共享代码。比如一些常量，我们并不希望他们有多份。

解决方案：
这个时候我们可以采用软链接的方式来维护一份代码。

首先，我们在ui, server同级的目录创建新的文件夹 "constants":

constants

index.js

color.js

location.js

然后分别在ui, server下的src目录下使用命令：

ln -s ../../constants ./constants

如果使用vscode可以看到该文件后面有symbol link的标志：

最后我们，在代码中可以直接引用"src/constants"位置下的常量了。

常见的坑：

使用webpack的小伙伴可能需要添加 resolve.symlinks = false;

使用babal的小伙伴可能需要在 constants文件夹中加入.babalrc文件；或者采用module.exports等通用的方式声明导出的变量。

云服务器 GPU云服务器前后端前后端分离 webrtc前后端前后端分离开发

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96269.html

【前端】重构方案了解一下

摘要：定义公共组件供各模块或特定场景调用，复用度高第三方库组件插件库用于解决以下版本浏览器对新增标签不识别，并导致不起作用的问题。前端重构方案前言前端技术发展很快，很多项目面临前端部分重构，很开心可以让我进行这次项目前端的重构方案编写，在思考的同时参考了网上很多资料，希望本篇重构方案有一定的完整性，可以带给大家一些在面临重构时有用的东西，同时希望路过的大牛小牛不领赐教，能给我略微指点...

ningwang 2019-08-22 17:01 评论0 收藏0
webpack多页应用架构系列（十五）：论前端如何在后端渲染开发模式下夹缝生存

摘要：回到纯静态页面开发阶段，让页面不需要后端渲染也能跑起来。改造开始本文着重介绍如何将静态页面改造成后端渲染需要的模板。总结在后端渲染的项目里使用多页应用架构是绝对可行的，可不要给老顽固们吓唬得又回到传统前端架构了。本文首发于Array_Huang的技术博客——实用至上，非经作者同意，请勿转载。原文地址：https://segmentfault.com/a/119000000820338...

dinfer 2019-07-01 12:21 评论0 收藏0
webpack多页应用架构系列（十五）：论前端如何在后端渲染开发模式下夹缝生存

摘要：回到纯静态页面开发阶段，让页面不需要后端渲染也能跑起来。改造开始本文着重介绍如何将静态页面改造成后端渲染需要的模板。总结在后端渲染的项目里使用多页应用架构是绝对可行的，可不要给老顽固们吓唬得又回到传统前端架构了。本文首发于Array_Huang的技术博客——实用至上，非经作者同意，请勿转载。原文地址：https://segmentfault.com/a/119000000820338...

dingda 2019-08-20 13:57 评论0 收藏0
Vue 中如何定义全局的变量和常量

摘要：记忆上面的问题未来的你放了几个月再来维护的时候或者某天你搞这个项目都搞的要吐了新访问一个变量的时候还要想一下名字怂而统一多简单的事情 Vue 中如何定义全局的变量和常量我想要定义一个变量, 在项目的任何地方都可以访问到, 不需要每一次使用的时候, 都引入. 尝试1: 创建 global.js 并且在其中定义 let a = 10; 在入口文件中引入 global.js import...

张利勇 2019-08-21 11:48 评论0 收藏0