タグ

npmとwebpackに関するminoru-okuyamaのブックマーク (2)

  • Redux用のnpmモジュールを作る - Qiita

    これはNextremer Advent Calendar 2016の第12日目の記事です。 はじめに Reduxに限らず、よく使う処理やプラグイン的に追加したい処理なんかを別途npmモジュールとして作りたいというケースは多いと思います。 Reactの場合だと、パラメータや子コンポーネントを受け取るようなコンポーネントを作ってnpmモジュールとして提供すればいいのですが、Reduxの場合はコンポーネント以外にもActionやReducerなどが絡んでくるため、それらを(必要なら)全て提供する必要があります。 今回はそれらを提供する手順をざっとまとめてみます。 ※今回の開発環境 Node.js 6.2.2 npm 3.10.5 作ってみる 早速作っていきましょう。 下準備 適当な作業ディレクトリを作って、そこで作業します。 npm initを実行し、適宜情報を入力しましょう。 今回は、以下の構

    Redux用のnpmモジュールを作る - Qiita
  • Reactコンポーネントをnpmで公開する(GitHub Pages付き、Babel7、webpack4) | Takumon Blog

    なにこれ TIS Advent Calendar 2018の13日目の記事です。よろしくお願いします! 最近Reactコンポーネントをnpm公開してみました(参考記事:CSSのclip-pathでSlit Animationを実現する)。そこで今回は簡単なReactコンポーネントを作って、npm公開する方法を紹介します。 「React始めたんだけど...npmアカウント作ったんだけど...」という方でも30分くらいで公開できるので、とりあえず手を動かしたい人向けのチュートリアルです。 下記のような手順でnpm公開するまでの方法を見ていきましょう。 コンポーネントを作成する デモページを作成する デモページをGitHub Pagesで公開する コンポーネントをnpmに公開する ※ 完成品はGitHubに公開しています => Takumon/react-component-sample ※ 完

    Reactコンポーネントをnpmで公開する(GitHub Pages付き、Babel7、webpack4) | Takumon Blog
  • 1