Shopifyアプリにjs外部ライブラリを使用する

開発しているShopifyアプリにJavaScriptのライブラリを使用したときのメモです。

注意点は、一つ。

インストールする場所に注意すること

今回、オブジェクトデータからCSV形式のファイルを作成する為に、「excel.js」というライブラリを使用しました。

まずは、インストールするディレクトリまで移動します。

cd アプリ名\web\frontend

このとき、frontendではなくアプリ直下のディレクトリにインストールしてしまうと、デプロイ時にエラー（Error: [vite]: Rollup failed to resolve import "exceljs" from "pages/ｘxxxxxx.jsx"）が発生しました。

インストール実行

npm install exceljs

これで、page/〇〇.jsx内で使用できるようになりました。

import ExcelJS from "exceljs";

本番サーバーにはfly.ioを使用していますが、特に特別な操作もなくデプロイできました。