Corredor

ウェブ、プログラミングの勉強メモ。

Npm

better-npm-run を使って OS に依存せず npm run-script に環境変数を渡す

JavaScriptエンジニアのためのNode.js入門作者: 天田士郎発売日: 2016/12/26メディア: Kindle版この商品を含むブログを見る 前回の記事で、$ 環境変数=値 npm run スクリプト名 という書きで npm-scripts を呼ぶと、呼んだスクリプト内で process.env.環境変…

npm run-script に環境変数を渡す方法

いまから始めるWebフロントエンド開発作者: 松田承一発売日: 2016/08/25メディア: Kindle版この商品を含むブログを見る Node.js の環境変数の仕組みを使うと、npm run-script に環境変数を渡すことができる。 # 例えば開発モードにして Gulp ビルドする、と…

Npm-Run-All で複数の npm-scripts を実行・OS 環境に関わらず rm -rf する

前回の記事で、npm-scripts を使った CSS の圧縮処理を紹介した。 neos21.hatenablog.com 今回は、この npm-scripts をさらに便利なものにするパッケージを2つ紹介する。 複数のタスクを一括実行したい そもそもぼくが今回 npm-scripts で CSS を圧縮したい…

Gulp を使わずに npm-scripts を使う・npm-scripts から Clean-CSS-CLI を呼んで CSS を圧縮する

前回の記事で、clean-css-cli というコマンドラインツールを使って CSS を圧縮するコマンドを書いた。 neos21.hatenablog.com 今回は、npm run で任意のワンライナーを実行できる、いわゆる npm-scripts を使って、Clean-CSS-CLI を呼び出して CSS を圧縮さ…

CSS を Minify (圧縮) する npm パッケージの Clean-CSS をコマンドラインで利用する「Clean-CSS-CLI」

CSS を圧縮する npm パッケージには色々あり、Gulp プラグインも色々ある。 いくつか比較して、今回は clean-css というパッケージを使おうと思ったが、どうやら最近コマンドラインツール部分と API 部分が分離されたらしく、まともな日本語文献がなかったの…

Babel を試す環境に Gulp-Plumber を入れて自動ビルドに備える

前回の記事で、Babel を使って ES2015 の記法で書いたファイルを ES5 の記法に直す環境ができた。 neos21.hatenablog.com 今回はこのトランスパイルを、ファイルが更新されたときに自動的に行うようにしたい。 Browserify とか Watchify とか これらはある一…

Babel にリベンジ!ES2015 ってやつを勉強する環境を作るぜ!

ここんとこ職場では Windows バッチと VBScript をいじる生活で npm とか gulp とか言わせたいんじゃ~というフラストレーションが溜まっていたので、npm とか gulp とかする。 前にいじりかけていたけど放置していた Babel に手を出して、ES2015 とやらを試…

Gulp で Browser-Sync を動かしてブラウザにリアルタイムに変更を反映させる

ブレイクスルーJavaScript フロントエンドエンジニアとして越えるべき5つの壁 オブジェクト指向からシングルページアプリケーションまで/太田智彬/田辺丈士/新井智士【1000円以上送料無料】ジャンル: 本・雑誌・コミック > PC・システム開発 > プログラミ…

npm list って見づらくね?依存パッケージを表示させずにインストールしたライブラリ一覧を見る方法

npm でインストールしたライブラリを一覧表示するコマンド npm list、エイリアスで書くと npm ls だが、そのライブラリが依存しているパッケージが階層表示されるので、見づらい。それを解消する方法。 npm ls --depth=0 コレでドウゾ。 --depth= で表示する…

Bower を試してみる

Bower (ばわー) は、フロントエンドライブラリのパッケージ管理ツール。簡単に言えば、ブラウザ上で使うライブラリを手軽にインストールできるシロモノ。 「インストール」というと、ぼくはなんだかどうしても、Windows ソフトのインストーラのようなレジス…

npm でパッケージ管理しながら Gulp で Browserify を実行させて http-server で動作確認を行う

何となくJavaScriptを書いていた人が一歩先に進むための本作者: 五十嵐肇,多良間斎発売日: 2016/04/30メディア: Kindle版この商品を含むブログを見る JavaScript ライブラリを色々使ってみようぜってことで、Node.js がお送りする npm でパッケージを管理し…