タグ

node npmに関するbleu-bleutのブックマーク (8)

  • npmでローカルのパッケージをinstallする方法 - Qiita

    この投稿ではnpmコマンドで、ローカルのパッケージをインストールする方法を紹介します。 通常npm intallはnpmjs.comで公開されたパッケージをダウンロードしてきてインストールしますが、ここで説明するのはローカルにのみ存在する自作のライブラリをinstallする方法です。 (yarnで同様のことをする方法は、「Yarnでローカルのパッケージをaddする方法」をご覧ください) やりかた ローカルのパッケージをインストールには、単純にインストールしたいパッケージのファイルパスをnpm intallの引数にします: ローカルパッケージをインストールする具体例 少し具体例をもとに説明します。 以下の図のように、myappパッケージとmylibパッケージがあり、myappからmylibを使いたい例を見てみましょう。 mylibのindex.jsでは、helloWorld変数が提供されてい

    npmでローカルのパッケージをinstallする方法 - Qiita
    bleu-bleut
    bleu-bleut 2020/04/22
    たったこれだけでできたんだ…
  • webpackやGulpを使う時に覚えて幸せになったnpmの便利な使い方 - Qiita

    昨今のweb開発で必要なwebpackGulpといった技術は、Node.jsのパッケージ管理ツール「npm」を通して使われます。npmの機能は豊富で、覚えておくと便利な使い方がいくつもあります。とくにオススメのものをピックアップしました。 npm initには-yをつけると質問が表示されない npmのモジュールを用いたプロジェクトを作成する際、最初に使用するコマンドはnpm initです。実行すると、プロジェクト名や著作権の設定の質問が表示され、必要な項目を入力したり、Yes([Enter]キー)を入力する必要があります。 とくに設定が不要な場合、-yオプションを指定することで、質問を表示することなく初期化できます。 次に示すのは、npm initとnpm init -y実行後のコマンドラインの差です。npm initはnameやversionといった設定を対話形式で尋ねられますが、np

    webpackやGulpを使う時に覚えて幸せになったnpmの便利な使い方 - Qiita
  • 全部知ってる? npmを使いこなすために絶対知っておきたい10のこと

    知っておくと便利なnpm(Node Packaged Modules)のコマンドとTipsを全部で10まとめました。 Facebookの新しいYarn projectには興奮を覚える一方で、Node.jsの躍進にはオリジナルパッケージであるnpmの存在が大きく貢献しています。 少ないnpmのコマンドで、初期化したり(npm init)、パッケージをダウンロードしたり(npm install)、テスト(npm test)したり、プロジェクト内でカスタムスクリプト(npm run)を作ったりできます。少し詳しく調べていけば、日々の開発を劇的に変えてくれるさまざまなコマンドがnpmには用意されています。 注意:もしnpmの手引きが必要なら『A Beginner’s Guide to npm — the Node Package Manager』をチェックしてください。npmとYarnの違いにつ

    全部知ってる? npmを使いこなすために絶対知っておきたい10のこと
  • npmとBrowserifyでjQueryプラグインを管理する

    npmとBrowserifyでjQueryプラグインを管理する エントリーは「to-R JavaScript Advent Calendar 2015」19日目のエントリー、前回はnpmでjQueryを管理するところまで実行しましたので今回はjQueryプラグインを管理してみます。 今回はわたしの開発しているjQuery.heightLine.jsを読み込み実行してみます。 まずは以下のコマンドでjQuery.heightLine.jsのインストールを行います。 npm install heightline -save そうするとnode_modulesディレクトリ内に heightlineディレクトリが作成され ├── node_modules │   ├── heightline │   │   ├──.... │   └── jquery │   ├── .... package.

    npmとBrowserifyでjQueryプラグインを管理する
  • npmとBrowserifyでjQueryを管理する

    npmとBrowserifyでjQueryを管理する エントリーは「to-R JavaScript Advent Calendar 2015」18日目のエントリー、これまではJavaScriptライブラリの管理にはbowerなどが使われていましたが、最近ではnpmを利用することが多いようなのでnpmを利用した管理方法についてjQueryを利用して解説を行います。 まずはnpm init すでに開発環境としてnpmを利用している場合は不要ですが、まずは開発ディレクトリでnpm initと入力してpackage.jsonを作成します。 npm init 色々聞かれますがGitHbuなどで公開しないのであれば基Enterで問題ありません。 まずは雛形を用意 確認用の雛形を用意しましょう。 package.jsonと並列にindex.htmlbundleディレクトリ、destディレクトリをそ

    npmとBrowserifyでjQueryを管理する
  • 【javascript】npmとbower【ライブラリ管理】 - すこしふしぎ.

    おはようございます.1000chです. やー,Apple Event,面白かったですね. 注目度が高いおかげで,接続不安定でぐぬぬなシーンが多かったです. Access Deniedと戦いながら頑張って視聴しましたよー. apple event iPhoneは6と6 plusが登場していました. ハードウェア面での進化が結構すごいなーという印象です. まさに「コンデジとかもういらないよね!」って感じのカメラ機能でしたね. しかしplusは画面がデカくてGalaxy感がありますねw そしてなにより,まさかのApple Watchが発表されました!! 掲載元 脈拍センシングができたり充電ケーブルの接続がかっこ良かったりするのですが, なにより体横のダイヤルを用いたズーム動作UIがクールでしたね. 2015春から,値段も$349~ということでこれは要checkな感じです. こんなん書いてる間に

    【javascript】npmとbower【ライブラリ管理】 - すこしふしぎ.
    bleu-bleut
    bleu-bleut 2015/10/23
    クライアントサイドに特化したのがbower。
  • npmで公開されているjQueryプラグインを使う with Browserify & parcelify | maesblog

    2月18日にnpmのブログに「The npm Blog — Welcome, jQuery developers!」という記事が投稿されました。 The jQuery Plugin Registryはすでに読み取り専用と化しているので、npmはjQueryコミュニティのサポートを開始するという内容でした。つまりnpmはjQueryプラグインの公開にも力を入れていくということです。 この記事に続いてjQueryプラグインの公開方法、使用方法、開発方法などの記事も続々と投稿されました。jQueryプラグインもまだまだ見捨てられていないということを信じて、今回はnpmで公開されているjQueryプラグインの使い方について紹介します。 さらにnpmのブログで2月25日に投稿された「The npm Blog — Using jQuery plugins with npm」という記事では、「npmでj

    bleu-bleut
    bleu-bleut 2015/10/16
    bundle.cssを作成するときにwatchifyモジュールが見つからないとエラーが出るが、watchifyのnpm install -g watchifyで解決。ただし、この手順ではjQueryを丸ごとバンドルするので、browserify-shimを使ったほうがいいみたい。
  • jQueryプラグインのCommonJSモジュール化からnpmに公開するまでの方法

    npmでは先月よりjQueryコミュニティのサポートを開始しました。そのニュースを受けて前回の投稿『npmで公開されているjQueryプラグインを使う with Browserify & parcelify』では、Webアプリを開発する際に、npmで公開されているjQueryプラグインを使用する方法を紹介しました。いわばWebアプリ開発者向けの記事でした。今回はjQueryプラグインの作者向けの記事となります。実際に開発されているjQueryプラグインをnpmに公開する方法をご紹介します。 npmはじめに: jQueryプラグインの公開は「The jQuery Plugin Registry」から「npm」へjQueryのプラグイン登録ページ『The jQuery Plugin Registry』にアクセスすると、以下の記載があります。 We recommend moving to npm

    bleu-bleut
    bleu-bleut 2015/03/29
    CommonJS環境でもAMD環境でも通常のブラウザ環境でも、例えばjQueryプラグインにjQueryオブジェクトを渡せるようにするプラグインの書式がUMD(…ということでいいのかな?)
  • 1