[{"data":1,"prerenderedAt":279},["ShallowReactive",2],{"doc:zh-tw:getting-started\u002Fmigrate-from-frsource":3,"doc-nav:zh-tw":249},{"id":4,"title":5,"body":6,"description":240,"extension":241,"meta":242,"navigation":243,"order":205,"path":244,"reviewed":245,"seo":246,"stem":247,"__hash__":248,"fallback":245},"docs\u002Fdocs\u002Fzh-tw\u002Fgetting-started\u002Fmigrate-from-frsource.md","從 @frsource 遷移",{"type":7,"value":8,"toc":234},"minimark",[9,13,17,38,41,56,60,70,95,98,148,152,155,186,215,230],[10,11,5],"h1",{"id":12},"從-frsource-遷移",[14,15,16],"h2",{"id":16},"套件為什麼搬家",[18,19,20,21,25,26,33,34,37],"p",{},"這個外掛一開始叫 ",[22,23,24],"code",{},"@frsource\u002Fcypress-plugin-visual-regression-diff","。現在它搬進了 ",[27,28,32],"a",{"href":29,"rel":30},"https:\u002F\u002Fgithub.com\u002Fpixsame",[31],"nofollow","pixsame"," 組織，和 manifest 格式以及其他工具放在一起，以 ",[22,35,36],{},"@pixsame\u002Fcypress-plugin-visual-regression-diff"," 的名稱發佈。舊名稱已經凍結，不會再有新版本發到那裡，所以你得切換過來才拿得到修正。",[14,39,40],{"id":40},"實際上改了什麼",[18,42,43,44,47,48,51,52,55],{},"名字。",[22,45,46],{},"@pixsame"," 1.0.0 就是 ",[22,49,50],{},"@frsource"," 4.3.0 一模一樣的程式碼，只是盒子上換了標籤。基準影像、設定、每一個 ",[22,53,54],{},"cy.*"," 指令：全都沒動。",[14,57,59],{"id":58},"使用-migrate-指令","使用 migrate 指令",[18,61,62,63,65,66,69],{},"最後幾個 ",[22,64,50],{}," 版本內建了一個指令，可以替你完成更名。它會走過目前目錄底下所有的 ",[22,67,68],{},"package.json"," 並換掉相依套件，改寫你 config 與 support 檔案中的 import 與型別參照，然後用它找到的套件管理工具重新安裝：",[71,72,77],"pre",{"className":73,"code":74,"language":75,"meta":76,"style":76},"language-bash shiki shiki-themes github-light-high-contrast github-dark-high-contrast","npx @frsource\u002Fcypress-plugin-visual-regression-diff migrate\n","bash","",[22,78,79],{"__ignoreMap":76},[80,81,84,88,92],"span",{"class":82,"line":83},"line",1,[80,85,87],{"class":86},"soyes","npx",[80,89,91],{"class":90},"sT6z2"," @frsource\u002Fcypress-plugin-visual-regression-diff",[80,93,94],{"class":90}," migrate\n",[18,96,97],{},"在寫入任何東西之前，它會先印出準備動到的檔案，等你說好。",[99,100,101,114],"table",{},[102,103,104],"thead",{},[105,106,107,111],"tr",{},[108,109,110],"th",{},"旗標",[108,112,113],{},"作用",[115,116,117,128,138],"tbody",{},[105,118,119,125],{},[120,121,122],"td",{},[22,123,124],{},"--dry-run",[120,126,127],{},"只列出會被修改的檔案",[105,129,130,135],{},[120,131,132],{},[22,133,134],{},"--yes",[120,136,137],{},"略過詢問（在 CI 中為必要）",[105,139,140,145],{},[120,141,142],{},[22,143,144],{},"--no-install",[120,146,147],{},"略過安裝步驟",[14,149,151],{"id":150},"想自己手動處理","想自己手動處理？",[18,153,154],{},"兩步。先換掉套件，再把 import 裡的名稱搜尋取代：",[71,156,158],{"className":73,"code":157,"language":75,"meta":76,"style":76},"npm uninstall @frsource\u002Fcypress-plugin-visual-regression-diff\nnpm install --save-dev @pixsame\u002Fcypress-plugin-visual-regression-diff\n",[22,159,160,171],{"__ignoreMap":76},[80,161,162,165,168],{"class":82,"line":83},[80,163,164],{"class":86},"npm",[80,166,167],{"class":90}," uninstall",[80,169,170],{"class":90}," @frsource\u002Fcypress-plugin-visual-regression-diff\n",[80,172,174,176,179,183],{"class":82,"line":173},2,[80,175,164],{"class":86},[80,177,178],{"class":90}," install",[80,180,182],{"class":181},"s-5SL"," --save-dev",[80,184,185],{"class":90}," @pixsame\u002Fcypress-plugin-visual-regression-diff\n",[71,187,191],{"className":188,"code":189,"language":190,"meta":76,"style":76},"language-diff shiki shiki-themes github-light-high-contrast github-dark-high-contrast","-import '@frsource\u002Fcypress-plugin-visual-regression-diff';\n+import '@pixsame\u002Fcypress-plugin-visual-regression-diff';\n-import { initPlugin } from '@frsource\u002Fcypress-plugin-visual-regression-diff\u002Fplugins';\n+import { initPlugin } from '@pixsame\u002Fcypress-plugin-visual-regression-diff\u002Fplugins';\n","diff",[22,192,193,198,203,209],{"__ignoreMap":76},[80,194,195],{"class":82,"line":83},[80,196,197],{},"-import '@frsource\u002Fcypress-plugin-visual-regression-diff';\n",[80,199,200],{"class":82,"line":173},[80,201,202],{},"+import '@pixsame\u002Fcypress-plugin-visual-regression-diff';\n",[80,204,206],{"class":82,"line":205},3,[80,207,208],{},"-import { initPlugin } from '@frsource\u002Fcypress-plugin-visual-regression-diff\u002Fplugins';\n",[80,210,212],{"class":82,"line":211},4,[80,213,214],{},"+import { initPlugin } from '@pixsame\u002Fcypress-plugin-visual-regression-diff\u002Fplugins';\n",[18,216,217,218,221,222,225,226,229],{},"有一個地方常被漏掉：如果你在某個 ",[22,219,220],{},"tsconfig.json"," 的 ",[22,223,224],{},"compilerOptions.types"," 裡列了這個套件，那裡也要改名，不然 ",[22,227,228],{},"tsc"," 會抱怨找不到型別定義。",[231,232,233],"style",{},"html pre.shiki code .soyes, html code.shiki .soyes{--shiki-default:#702C00;--shiki-dark:#FFB757}html pre.shiki code .sT6z2, html code.shiki .sT6z2{--shiki-default:#032563;--shiki-dark:#ADDCFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s-5SL, html code.shiki .s-5SL{--shiki-default:#023B95;--shiki-dark:#91CBFF}",{"title":76,"searchDepth":173,"depth":173,"links":235},[236,237,238,239],{"id":16,"depth":173,"text":16},{"id":40,"depth":173,"text":40},{"id":58,"depth":173,"text":59},{"id":150,"depth":173,"text":151},"一步就能從 @frsource\u002Fcypress-plugin-visual-regression-diff 換到 @pixsame\u002Fcypress-plugin-visual-regression-diff。","md",{},true,"\u002Fdocs\u002Fzh-tw\u002Fgetting-started\u002Fmigrate-from-frsource",false,{"title":5,"description":240},"docs\u002Fzh-tw\u002Fgetting-started\u002Fmigrate-from-frsource","0YwdkFlI_8E50e8_wBA6loTvK4eNODJneeK59ynTixo",[250,254,258,262,265,268,271,273,276],{"path":251,"title":252,"group":253},"\u002Fdocs\u002Fgetting-started\u002Finstall","安裝","getting-started",{"path":255,"title":256,"group":257},"\u002Fdocs\u002Fintegrations\u002Fcypress-plugin","Cypress 外掛","integrations",{"path":259,"title":260,"group":261},"\u002Fdocs\u002Freference\u002Fconfiguration","設定","reference",{"path":263,"title":264,"group":253},"\u002Fdocs\u002Fgetting-started\u002Fusage","使用方式",{"path":266,"title":267,"group":257},"\u002Fdocs\u002Fintegrations\u002Fgithub-app","GitHub App",{"path":269,"title":270,"group":261},"\u002Fdocs\u002Freference\u002Fmanifest","Manifest 結構",{"path":272,"title":5,"group":253},"\u002Fdocs\u002Fgetting-started\u002Fmigrate-from-frsource",{"path":274,"title":275,"group":257},"\u002Fdocs\u002Fintegrations\u002Fplaywright-reporter","Playwright 外掛",{"path":277,"title":278,"group":257},"\u002Fdocs\u002Fintegrations\u002Fvitest","Vitest 外掛",1794530807857]