背景：
目前大部分Web项目采用了前后端分离的方式进行开发：
-
ui
- 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等通用的方式声明导出的变量。
