publishくりーむわーかープログラムとか。・試しててハマった事など。誰かのお役に立てば幸いかと。その他、いろいろエトセトラ。CLI3でコンポーネントをnpmのモジュールにする随分ひさしぶりに書く気がする。まーなんか寝れないので何となく書こう。Vueでコンポートネントを色々作って行くんだけど、規模が大きくなったり、別のプロジェクトで使いたくなった場合とか、どうにか簡単にやりたい。イメージ的にはelement-ui的に、Vueプラグインとしてインストールしたらすぐ使える的な感じ。npmのモジュールとして使えるようにしたいわけです。これをやるにはWebPackとかBabelとかもろもろ激しく設定しなきゃいけなさそうで、ちょっとゲンナリしてたんだけど、Vue-cli3を使うと割と簡単にできたので、そのやり方。あと、作ったモジュールはverdaccio(なんて読むの?)を使ってプライベートリポジトリに登録して、ちんまり使うようにする。自分恥ずかしがり屋なもんで。2019/2/27追記verdaccio:ヴェルダッチォって発音してるっぽ。イタリア語で「緑で描く」、「黄、黒、緑の土を混ぜたもの」みたいな意味らしいけど、絵画を描くときに塗る下地?の色ってことっぽ。そんな感じのニュアンスなんでしょか。これはカタカナでなんて書けばいいんだろか、ベルダッチョはカッコ悪いしの。今回のサンプルは下記に上げてます。"outputDir":"lib"}package.jsonの"build-x"のところでビルドのコマンド作る。あと、出力先はデフォだとdistだけど、libに変えてる。「vue.config.js」は無くても動くんだけど、細かい設定をしたい場合は必要。cssの部分が無いとcssが別ファイルで作成されてしまい、別プロジェクトでインストールしても、cssが適用されず上手くいかないので、上記の感じで書いておかないとダメ。CDN的に公開して、cssは別で読み込んでもらうような場合はいいのかしらね。build-xここまでで、libのフォルダが↓の感じになるはず。したら、verdaccioの準備。実行verdaccioこれだけ。デフォで「http://localhost:4873」で動くはず。http://localhost:4873ID/PASS/Mail入れて終わり。あとは、下記の感じで公開する。http://localhost:4873プライベートリポジトリへの登録が終わったので別のプロジェクトを作成して↓の感じの事をやる。h(App),}).$mount('#app')グローバル登録しておけば、あとはアプリ側で↓の感じで使える。}}</script>Vue-cli3はかなりいい感じですね。verdaccioも素晴らしい。あと、StoryBook使って管理してみよ。チームでの作業とか良さげ。