タグ

*web制作とnpmに関するokudenのブックマーク (3)

  • npm-scripts を書く時の手癖 - mizdra's blog

    かれこれ 5 年くらい趣味開発で npm-scripts を書き続けている。長年書き続けているとノウハウが蓄積されてきて、「こう書くとスッキリする」「迷いがなくなる」「後から拡張したくなった時に、簡単に拡張できる」みたいな書き方が身についてきた。自分の型、あるいは手癖のようなものだと思う。 せっかくなので、id:mizdra の今の npm-scripts を書く時の手癖を書き連ねてみる。 基形 { "scripts": { "build": "webpack --mode production", "dev": "webpack-dev-server --mode development", "lint": "eslint .", "test": "jest" } } 一番シンプルな npm-scripts を書く時のパターン。以下の 4 つの script を登録している。 buil

    npm-scripts を書く時の手癖 - mizdra's blog
  • npm 5.2.0の新機能! 「npx」でローカルパッケージを手軽に実行しよう - Qiita

    npmとはNode.jsインストール時に付属するパッケージマネージャーで、Node.jsのパッケージの管理や実行を取り扱うものです。 npmのバージョン5.2.0で導入された「npx」を用いると、下記のようにローカルにインストールしたnpmパッケージを、npxコマンドだけで実行できるようになります。 npxはnpmにバンドルされているため、npxの個別インストールは不要です。 次のようにしてモジュールを実行できます。 従来のnpmの実行方法との比較 従来では、ローカルのnpmパッケージを使用するには、次のような方法が必要でした。 方法1: ./node_modules/.bin/(パッケージ名)で実行する 方法2: $(npm bin)/(パッケージ名)で実行する 方法3: package.jsonにnpm-scriptsを記述して実行する npxはいずれの方法よりも簡潔なコマンドで、パッ

    npm 5.2.0の新機能! 「npx」でローカルパッケージを手軽に実行しよう - Qiita
  • npm scripsが特定の環境だけ動かない! という時に確認すること - LCL Engineers' Blog

    フロントエンドエンジニアの岡田です。 LCLのフロントエンドでは、npm scriptsを使っていますが、たまに特定の環境だけ動かないことがあります。 今回は、ケース別に確認すると良いこと・試すと良いことをご紹介します。 ケース別の確認事項等 自分のローカル環境では動くが、他の人の環境では動かない場合 自分のローカル環境では動かないが、他の人のローカル環境やテストサーバーでは動く場合 Macでは動くが、Windowsでは動かない場合 ローカル環境では動くが、テストサーバーやステージングサーバーでは動かない場合 確認すること・試すこと一覧 ログにエラーが出ていないか 追加したパッケージがpackage.jsonに記載されているか 番で必要なパッケージがdevDependenciesに書かれていないか nodeとnpmのバージョンが同じかどうか 実際にインストールされているパッケージが同じか

    npm scripsが特定の環境だけ動かない! という時に確認すること - LCL Engineers' Blog
  • 1