資訊專欄INFORMATION COLUMN
摘要：背景目前大部分項(xiàng)目采用了前后端分離的方式進(jìn)行開發(fā)問題開發(fā)的時(shí)候可以在和分別用啟動(dòng)項(xiàng)目并多帶帶運(yùn)行。比如一些常量，我們并不希望他們有多份。解決方案這個(gè)時(shí)候我們可以采用軟鏈接的方式來維護(hù)一份代碼。
背景：
目前大部分Web項(xiàng)目采用了前后端分離的方式進(jìn)行開發(fā)：
ui
src (code)
public (image, font)
package.json
server
config (settings)
src (code)
package.json
問題：
開發(fā)的時(shí)候可以在ui和server分別用 "yarn start"啟動(dòng)項(xiàng)目并多帶帶運(yùn)行。但是這樣的模式卻讓ui和server無法共享代碼。比如一些常量，我們并不希望他們有多份。
解決方案：
這個(gè)時(shí)候我們可以采用軟鏈接的方式來維護(hù)一份代碼。
首先，我們在ui, server同級的目錄創(chuàng)建新的文件夾 "constants":
constants
index.js
color.js
location.js
然后分別在ui, server下的src目錄下使用命令：
ln -s ../../constants ./constants
如果使用vscode可以看到該文件后面有symbol link的標(biāo)志：
最后我們，在代碼中可以直接引用"src/constants"位置下的常量了。
常見的坑：
使用webpack的小伙伴可能需要添加 resolve.symlinks = false;
使用babal的小伙伴可能需要在 constants文件夾中加入.babalrc文件；或者采用module.exports等通用的方式聲明導(dǎo)出的變量。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/96269.html
摘要：定義公共組件供各模塊或特定場景調(diào)用，復(fù)用度高第三方庫組件插件庫用于解決以下版本瀏覽器對新增標(biāo)簽不識別，并導(dǎo)致不起作用的問題。 前端重構(gòu)方案 前言 前端技術(shù)發(fā)展很快，很多項(xiàng)目面臨前端部分重構(gòu)，很開心可以讓我進(jìn)行這次項(xiàng)目前端的重構(gòu)方案編寫，在思考的同時(shí)參考了網(wǎng)上很多資料，希望本篇重構(gòu)方案有一定的完整性，可以帶給大家一些在面臨重構(gòu)時(shí)有用的東西，同時(shí)希望路過的大牛小牛不領(lǐng)賜教，能給我略微指點(diǎn)...
摘要：回到純靜態(tài)頁面開發(fā)階段，讓頁面不需要后端渲染也能跑起來。改造開始本文著重介紹如何將靜態(tài)頁面改造成后端渲染需要的模板。總結(jié)在后端渲染的項(xiàng)目里使用多頁應(yīng)用架構(gòu)是絕對可行的，可不要給老頑固們嚇唬得又回到傳統(tǒng)前端架構(gòu)了。 本文首發(fā)于Array_Huang的技術(shù)博客——實(shí)用至上，非經(jīng)作者同意，請勿轉(zhuǎn)載。原文地址：https://segmentfault.com/a/119000000820338...
摘要：回到純靜態(tài)頁面開發(fā)階段，讓頁面不需要后端渲染也能跑起來。改造開始本文著重介紹如何將靜態(tài)頁面改造成后端渲染需要的模板?？偨Y(jié)在后端渲染的項(xiàng)目里使用多頁應(yīng)用架構(gòu)是絕對可行的，可不要給老頑固們嚇唬得又回到傳統(tǒng)前端架構(gòu)了。 本文首發(fā)于Array_Huang的技術(shù)博客——實(shí)用至上，非經(jīng)作者同意，請勿轉(zhuǎn)載。原文地址：https://segmentfault.com/a/119000000820338...
摘要：記憶上面的問題未來的你放了幾個(gè)月再來維護(hù)的時(shí)候或者某天你搞這個(gè)項(xiàng)目都搞的要吐了新訪問一個(gè)變量的時(shí)候還要想一下名字慫而統(tǒng)一多簡單的事情 Vue 中如何定義全局的變量和常量 我想要定義一個(gè)變量, 在項(xiàng)目的任何地方都可以訪問到, 不需要每一次使用的時(shí)候, 都引入. 嘗試1: 創(chuàng)建 global.js 并且在其中定義 let a = 10; 在入口文件中引入 global.js import...
閱讀 996·2021-11-04 16:08
閱讀 2977·2021-09-13 10:37
閱讀 507·2019-08-30 15:56
閱讀 1967·2019-08-30 15:55
閱讀 2240·2019-08-30 15:53
閱讀 2085·2019-08-30 13:13
閱讀 2925·2019-08-30 12:51
閱讀 1544·2019-08-29 16:06
