前后端如何維護一份公共常量

CodeSheep 發布于2019-08-22 18:50 / 1183人閱讀

摘要：背景目前大部分項目采用了前后端分離的方式進行開發問題開發的時候可以在和分別用啟動項目并多帶帶運行。比如一些常量，我們并不希望他們有多份。解決方案這個時候我們可以采用軟鏈接的方式來維護一份代碼。

背景：
目前大部分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前后端前后端分離開發

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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