Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

npm

環境変数を設定してnpm runする

コマンド 例えば以下のように実行します。 npm HOGE=hoge npm run jest yarn HOGE=hoge yarn jest 環境変数を参照する 環境変数はコード内で以下のように参照できます。 console.log(process.env.HOGE);

Windowsでwebpack4とwebpack3を任意で選択して実行する

はじめに Windowsでグローバルにwebpack4をインストールしていて、プロジェクトのディレクトリにはwebpack3をインストールしているので、これを実行したい。 今日の環境 Windows10 node v8.11.1 npm 5.8.0 webpackのバージョンを確認する グローバルにインス…

package.jsonのあるディレクトリパスを指定してnpmやyarnなどのコマンドを実行する

参考にさせて頂いたページ 作業ディレクトリを指定するオプションまとめ #Git - Qiita node.js - npm - install dependencies for a package in a different folder? - Stack Overflow node.js - How to npm install to a specified directory? - Stack Over…

gulp+browserify+watchify+babelifyを導入してReact.jsのプロジェクトを作る

参考にさせて頂いたページ 以前作ったgulpのプロジェクト gulp+browserify+watchify+babelifyを導入してプロジェクトを作りなおしてみる - MOTOMICHI WORKS BLOG gulpを使う場合 React.js + Babel + Browserify + gulp の環境を作ってみた - Qiita WebPackを…

gulp+browserify+watchify+babelifyを導入してプロジェクトを作りなおしてみる

参考にさせて頂いたページ ベースとして Gulp + browserify + watchify + gulp-sass で自動高速コンパイル環境 – モンキーレンチ watchify を試す – アカベコマイリ babelについて BabelでES2015の自動コンパイル環境を作る(Browserify / gulp / Grunt / we…

gulpその0001 gulp.watchでディレクトリ監視をしながら、そのevent.typeとevent.pathを取得して、watchの第二引数に指定して同期的に実行しているタスクの中でeventを使用する

参考にさせて頂いたページ gulp.watchによる監視と、.on()によるevent取得、イベントリスナーの利用など。 これからはじめるGulp(3):gulp.watchでファイルの変更を監視しタスクを実行する | Webデザイン、フロントエンド系の技術に関する備忘録 - whisker…

windows7でnode.js、npmを使いたいので、nodist 0.5.2 をインストールする

参考にさせて頂いたページ GitHub - marcelklehr/nodist: Natural node.js and io.js version manager for windows. Node.js@Windows 導入手順メモ(其の壱 : nodist & node.js & express) - Qiita node.jsプログラマー必携。Windows用のnode.js切り替え·No…

gulpの設定ファイル、package.jsonとgulpfile.jsの実際使っている記述内容みたいなものをここに書いて更新していく その0001

参考にさせて頂いたページ gulp.spritesmithでCSS spriteをやってみた。【gulp】 - E-riverstyle Vanguard gaze - タスクランナーの連続実行を抑止する: gulp.js, Grunt - Qiita gulp入門その2―ファイルの監視をしてみる | アライドアーキテクツのクリエイ…

windows7でNode.jsとnpmその6 gulpのプラグイン(gulp-imagemin)をインストールして使ってみる

参考にさせて頂いたページ Node.js - Gruntの代替ビルドツール。gulpをはじめる。 - Qiita gulp-imagemin プラグイン gulp-imagemin をインストールする プラグインは何でも良いんだけど、手始めにgulp-imageminを入れてみる gulp-imagemin を参考にしてイン…

windows7でNode.jsとnpmその5 gulpfile.jsの作成から、gulpのdefaultタスク実行までやってみる

参考にさせて頂いたページ Node.js - Gruntの代替ビルドツール。gulpをはじめる。 - Qiita gulpfile.jsを作成する gulpfile.jsというファイルを作成して、記述内容はとりあえず下記のとおり。 var gulp = require('gulp'); gulp.task('default', function ()…

windows7でNode.jsとnpmその4 windows7にgulpをインストールする

参考にさせて頂いたページ 5分で導入できる! タスクランナーGulpを使ってWeb制作を爆速にしよう – ICS LAB gulp-imagemin gulpをグローバルにインストールする 5分で導入できる! タスクランナーGulpを使ってWeb制作を爆速にしよう – ICS LAB を参考にしな…

windows7でNode.jsとnpmその3 npmをアップデートする

参考にさせて頂いたページ npmのアップデート - Qiita バージョンを確認する npm -v を実行したら 1.3.24 と表示された。 アップデートする コマンドプロンプトで npm update -g npm を実行してみたら npm http GET https://registry.npmjs.org/npm/latest n…

windows7でNode.jsとnpmその2 windows7でnpmを使いたいので、npm -vができるところまでやってみる

参考にさせて頂いたページ Windowsで複数の異なるバージョンのnode.jsを簡単にインストール&切り替え·nvmw MOONGIFT nvmwその1 windows7でnvmを使いたいので、nvmwをインストールする - MOTOMICHI WORKS BLOG WindowsでNode.js(npm)触るならnodistを使うとい…

windows7でNode.jsとnpmその1 windows7でnvmを使いたいので、nvmwをインストールする

nvmwを作った方 Node Version Manager for Windows を作ってみた - hakobera's blog 参考にさせて頂いたページ nvmwのセットアップ - taknb2nchのメモ Windowsにnode.jsを導入する方法 - Qiita gitを使ったnvm(node version manager)のインストールから複数…