ブログこのサイトについて自己紹介お問い合わせフロントエンドエンジニアが「Web」「Youtube」「3D」「お金」「お買い物情報」など、興味があることについて深堀っていくブログです。HomewebのことnpmにJavascript、Typescriptのプラグインやライブラリを公開する時にやることメモnpmにJavascript、Typescriptのプラグインやライブラリを公開する時にやることメモ2022年4月11日webのことTypescriptプラグインTwitterFacebookHatenaPocketJavascript、Typescriptを公開するための設定や気をつけたことなどのメモです。参考に今回プラグイン「scroll-parallax-effect」を作る際のpackage.jsonhttps://github.com/kamem/scroll-parallax-effect/blob/master/package.jsonnpmで公開する際に、プラグイン名はpackage.jsonのnameで決定します。Actions今回Githubのmasterのマージした際に自動的にnpmに公開されるような仕組みにしました。ブログnpmからダウンロードしなくていいファイルを.npmignore.gitignoreと同じようにgitには公開しても良いが、npm側で公開したくないファイルの除外をすることができます。installを行い。使えるようになりますが通常は下記のように使うことができます。'scroll-parallax-effect'個別でimportファイルを任意の文字で指定するname/任意の文字のように指定することができるので、大きめのプラグインの際は個別に分けて読み込めるようにしておくと良いと思います。"./dist/scroll-parallax-effect/svg.js"},typesVersionsも忘れずに指定typescriptでimportする際には型定義ファイルも合わせて指定する必要があるようです。忘れないようにしましょう。},tsconfigに型定義ファイルを出力するように指定typescriptでしっかり書いている場合は、型定義ファイルを出力することができるのでtsconfig.jsonに指定してそのまま型定義ファイルを出力するようにしています。別にしんどくないブログファイルの圧縮.minがついている場合は、ファイル圧縮するように指定します。falseを指定して中に合わせて出力するようにしています。ライセンスの設定ランセンスは圧縮用と通常で分けています。}),package.jsonをimportしてきてパッケージ名や説明文を取得するようにしています。まとめこの辺りwebpackのバージョンによって変わる部分もあるので、そのつど気をつけています。今回気をつけたところ、また見返した時におさえておきたいところを残しておきました。CSSStyleDeclarationをケバブケースも合わせて対応する2022年4月6日おすすめの本Javascriptを勉強する際に読んでおくと良いなと思った本たちです。リーダブルコードは綺麗なコードを書く考え方が身に付きます。いまでもその考え方が根付いています。bloom」2021年9月20日フロントエンドやデザインを教えるメンター(Menta)はじめました。2021年9月6日サイトのことWebのこと、Youtubeのこと、3Dのこと、お金のこと、お買い物情報など、興味があることを深堀って記事にしてます。