repo: https://git.gss.com.tw/FED/speed3.0
branch: develop
公文有一個 branch 把新的 Kendo & jQuery 放上去,版面很多跑掉、功能異常
新版的 HTML 結構不同,導致樣式異常
Simon
已請工程師整理哪些元件、異常功能的重現步驟
Simon
目前幫忙的工程師是實習生,比較熟悉後端
可能需要請教修改的流程
修改步驟是把 class name 置換嗎?還是看新版怎麼用?這點想請教
Simon
先找到出問題的元件
複製相關 Jade 檔案
在保留原本 Jade 檔案的情況下,修改新的檔案,看怎麼對應到新版 Kendo
在不同 branch 試新的 Kendo 能不能 work
Isaac
看是不是把這個 repo 也交接給公文團隊?
前端 repo 看起來像是當初前端是包給 FED 前人做的
Ryan
以公文那邊工程師的環境,大部分是 run 不起來
同意不分兩個 repo 比較理想,但當時不知什麼原因維持這樣分開模式
Simon
Node 10 以下才跑得起來舊的
gulp
Isaac
Build 出來的東西,就不要修改,額外增加 CSS 去覆蓋樣式
Simon
Benny 有空試試看,照著 develop 的 README,把 Speed 3.0 跑起來嗎?
Isaac
用 Windows,卡在 Ruby 環境起不起來
Benny
新版 Ruby 裝不起來的話,可以試試看舊版的
Isaac
ASP.NET MVC
Simon
可以,可能還有額外的檔案
File server 可能要連一下
NuGet build 起來
測試機的 DB 和檔案要連得到才能跑起來
Simon
請公文的工程師 run 起來
可能要給他一些方向,例如兩個 branch 分開改,或者 Jade 直接改
如遇到問題,希望能有求救的管道
Simon
專案跑不起來的話,可再度敲我們
要換東西的話,先升級 sass 把 compass 拔掉,不依賴 Ruby
Isaac
具體要怎麼換呀?
Simon
Sass 只要
npm i
幾乎無痛升級
Compass 比較痛,要處理的話還不如 mixin 全部想辦法自己改寫,不然太痛
Isaac
當初 Jason 遇到的問題是 Compass 編譯時間非常久,跑一次要八分鐘
後來把 theme 拆開,有節省一些時間
但主要還是花在 Compass 上
Ryan
找
@include
替換成公定的格式寫就好
include、transform、border-radius 替換掉
Bear
未來要導入 Webpack 的話,可參考 CRM
Isaac
直接用 Codekit 不行嗎?
Compass 好像不需要改它?
Bear
很早以前有請當時開發的 FED 工程師教公文這邊的工程師怎麼 run,當時有兩到三個工程師可以成功跑起來
整回去時可能會影響到更多工程師,所以當時沒考慮
我個人可以跑起來前端專案,但其他人不確定,因為他們沒在碰
Simon
建議用 Codekit 比較簡單,因為只要 build Sass 嘛
Bear
用 Compass 要裝什麼環境嗎?
Ryan
Compass 要裝 Ruby,因為是依賴在上面的生態系
比較麻煩的是,Compass 並不是全部都是 Sass mixin,有些是 Ruby helper function,這邊比較容易撞到牆
Isaac
升級 Sass、把 Compass 拿掉之後,對環境來說應該會簡單很多
Ryan
這個有辦法幫忙一下嗎?
Simon
如果要幫忙的話應該也不會是這一兩個月的事情
現在人事異動、徵才、其他專案的影響
如果時間拉長一點才可以幫忙
近期無法
Ryan
這個排入後續的 plan 裡面,如果環境比較簡單,那我們工程師也更多可以自己處理
現行主要是因為客戶那邊要弱點掃描報告,舊版 Kendo & jQuery 都有問題,所以才需要升級
請工程師用兩個 branch 跑跑看,試著去比對 HTML
調整方向是?
Simon
class name 一樣但 HTML 結構不同
可能要新增 div,之類的
Isaac
修改 Jade,讓它產出的結構跟新版的一樣,這樣嗎?
Simon
對,新的 HTML 結構裡面可能還加上了新的 Kendo class ⋯⋯
Isaac
好,這樣有一點方向
Simon
從 node-sass 升級成新的,撇開 compass,Benny 可以幫忙嗎?
Isaac
可以
Benny
這件事應該是可以讓環境比較好建置對不對?
Simon
Compass 替代品我找一下好了
Isaac
覺得不用替代,直接搜出來全部改掉就好
Bear
Compass 是像 PostCSS?還是 Autoprefixer 那樣?
Ryan
比較像 Autoprefixer
Bear
目前的決議?
Isaac
公文這邊有時程壓力
會請工程師開始著手
先確定他環境能不能建起來
用兩個 branch
比對 buid 出來的 HTML 跟 class 結構能不能對起來
改出來的再放回到公文程式面
中間有程式問題再向 FED 請教細節問題
剛剛說到的拔掉 Compass 跟 Sass 就看 FED 時間的規劃
Simon
node-sass
升級成新的sass
交給 Benny,拔掉 Compass 看大家討論
Isaac
支援的 JIRA 單會改成變回公文這邊的工程師修改
Simon