Month: March 2021

接到一個需求要改iframe的樣式，嘗試發現可以，不過在不同的domain會有問題。
正確實作：
http://react-truffle.pinkjelly.org/iframe

有些文件要研究一下：
HTMLIFrameElement
contentDocument
contentWindow

【圖片要放哪裡】
可以放在public資料夾裡，詳細可以看Static File Serving

【要怎麼改port？】
像這樣："dev": "next dev -p 3005",

【styled-components要怎麼加？】
除了安裝之外還有其它設定工作
如果用TypeScript的話要另外安裝@types/styled-components
有時候重整樣式就不見了，要照這樣配置：
next.js/_document.tsx at canary · vercel/next.js (github.com)
Example app with styled-components using babel
但如果要打包上傳，以上２種方式都有問題，把這個_document檔刪掉才ok

【發佈檔案】
“build”: “next build && next export”,
跑這個指令，就會有out資料夾出來，再上傳到我的FTP就行惹！ 參考文章： https://nextjs.org/docs/advanced-features/static-html-export