chikararollup,typescript,vue前提Vue-CLIなどでVue+TypeScriptのプロジェクトを作成済みであること。libでプロジェクトをライブラリとしてビルドできるが、TypeScriptで型を付けてnpmパッケージとして扱いたい。公式ではrollupを使った方法が紹介されているので、それに倣ってrollupを使うことにする。パッケージ化するこの時、以下のパッケージを追加でインストールする必要がある。)rolluprollup-plugin-commonjsnode-plugin-typescript2node-plugin-vue@rollup/plugin-node-resolve公式のものは@rollupスコープに配置されるようになったようで、公式のプラグイン一覧にtypescriptもあるのだが、公式のプラグインは使わない。記事執筆時点のバージョン2.0.2では.d.tsが生成されなかったからだ。公式の手順をそのままTypeScriptに置き換えた時、export用TSファイルの.d.tsが生成される。TypeScriptでscript内部が記述された.vueファイルの.d.tsファイルが生成される。上記を満たすのはnode-plugin-typescript2だけのようだ。他のプラグインでも実はできるのかもしれないが、node-plugin-typescript2では特に何も工夫せずともできたのでこれを使うことにする。View2};トラブルシュート時々rollupした結果のindex.jsの冒頭付近の_interopDefaultの部分がおかしな値になって実行時に構文エラーになる。https://dev.to/amroessam/publish-your-first-npm-package-vue-263h上記記事のコメントにその症状が出た人がいる。パッケージのインストール順序によるのか、バージョンが少し古かったり整合性がなかったりするとその問題になる事があるように思える。(再現手順が確立できていないので不明。)rollup関連のパッケージを全部アップデートすることで解消はしている。以下は動作確認したバージョン。Inc.メニューつながりを開発するブログお問い合わせsoma-x検索タイトルとURLをコピーしました。