January
1st,
1970
本篇作為書籤用途,記錄網路上的關於開發瀏覽器擴充套件的參考資料
專案架構
如果你想要是使用 TypeScript 來開發擴充套件,可以參考 chibat/chrome-extension-typescript-starter 這個專案架構,開發環境、TS 轉 JS 等設定都已經處理好了,使用起來相當順手。
發行
要發行到 Chrome Web Store 網路上比較常看到使用 DrewML/chrome-webstore-upload 這個套件,而 Firefox 則會使用 mozilla/web-ext。
但我推薦使用 LinusU/wext-shipit 這 node 套件,可以輕鬆將你的擴充套件發行到 Chrome、Firefox、Opera,而且使用放非常簡單,基本上只要把必要的 ID、SECRET 等參數在環境中設定好,自動化上架只要一行搞定。
例如要透過 npx 來執行發行擴充套件的動作,可以參考以下指令:
npm install @wext/shipit && npx shipit chrome ./dist-chrome
Chrome 開發資訊
AngularJS in TypeScript
參考資料: