產生資源
資源來源
在建立的專案中有一個 assets-src
目錄。它包含所需的圖示和開機畫面的原始影像。
根據建立的專案設定,assets-src
可能包含下列檔案
cordova-splash-screen.png
- cordova 應用程式開機畫面影像。如果專案目標是 iOS 或 Android 行動應用程式,則會顯示cordova-ios-icon.png
- cordova iOS 應用程式圖示。如果專案目標是 iOS 行動應用程式,則會顯示cordova-android-icon.png
- cordova Android 應用程式圖示。如果專案目標是 Android 行動應用程式,則會顯示cordova-electron-app-icon.png
- cordova Electron 應用程式圖示。如果專案目標是使用 Electron 的桌面應用程式,則會顯示cordova-electron-installer-icon.png
- cordova Electron 安裝程式圖示。如果專案目標是使用 Electron 的桌面應用程式,則會顯示cordova-osx-icon.png
- cordova macOS 圖示。如果專案目標是 macOS 桌面應用程式,則會顯示web-icon.png
- 網頁圖示。如果專案目標是「網頁應用程式」或「PWA」,則會顯示apple-touch-icon.png
- iOS 網頁圖示。如果專案目標是「網頁應用程式」或「PWA」,則會顯示
產生資源
若要產生您自己的圖示和開機畫面影像,您需要將此目錄中的所有資源替換為您自己的影像(注意影像大小和格式),並在專案目錄中執行下列指令
$ framework7 assets
此指令會產生所有必要的圖示和開機畫面大小,並自動將它們放置在需要的位置。
略過更新
在 assets
指令中,CLI 會先檢查 CLI 更新,以始終提供最新且更好的體驗。如果您出於某種原因想要停用它,您可以使用 --skipUpdate
旗標執行指令
$ framework7 assets --skipUpdate
使用者介面
Framework7 CLI 允許使用使用者介面啟動資源產生程序。
若要使用 UI 啟動它,請在應用程式的目錄中執行帶有 --ui
旗標的 assets
命令。
$ framework7 assets --ui
它將啟動 UI,您可以在其中使用自訂資源取代資源並產生所需的圖示。
預設情況下,它會在 localhost:3001
位址上啟動伺服器。如果您想要變更埠,請使用 --port <n>
參數
$ framework7 assets --ui --port 8080
NPX
如果您尚未在全球安裝 Framework7 CLI,您可以使用 npx 命令產生資源。
例如
$ npx framework7-cli assets --ui