npm-scripts で Web フロントエンド開発を管理する - アカベコマイリ
gulp なしの Web フロントエンド開発から 1 年あまり。その間、特に問題もなく npm-scripts で Web フロントエンド開発を管理できているので、この間に得られた運用知見や所感などをまとめてみる。 npm-scrips とは？ 最近の Web フロントエンド開発では AltJS/AltCSSのビルドやリリース用イメージ作成などに Node.js + npm を利用することが一般化してきた。そのためプロジェクトは package.json で管理することになる。package.json の提供する代表的な機能として プロジェクト情報の定義 プロジェクトの成果物を npm として配布するための情報 プロジェクト名、バージョン、作者などのメタデータを定義する 依存モジュール管理 プロジェクトが依存する npm とバージョンを管理する この情報へ基づき npm install コ
npm install --save-dev は、 npm i -D でいい - ハトネコエ Web がくしゅうちょう
タイトル通りです。 npm の使い方については以前書いたここを見てもらうとして、 この記事では npm install gulp --save-devで gulp 環境を導入すると書きました。 でも、文字数長いです。タイピングめんどいです。 実は、install は i でいいようにエイリアスが標準で振られているので、 npm i gulp --save-devでOKのようです。 さらに、ここに書かれているように、 --save-dev は -D と書けるそうですから、 npm i gulp -DでOK。 プラグイン名は後ろに書いた方がわかりやすいですね。 まあ、そんなわけで、たとえば gulp と Angular.js と TypeScript で開発しよう～。 となったとき、 npm i -D gulp typescript npm i -S angularなどとコマンドを打つのが手軽
Gulp.js入門 - コーディングを10倍速くする環境を作る方法まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
普通に使う分には全く困らないほどの数のプラグインがGulpにはあります。 Githubでのstar数からも明らかなように、GoogleのWenStarterKitでもGulpが採用されるなど、注目度はますます高くなっています。 Gruntとの比較 Gruntと比較してのメリット・デメリットは以下のようになります。 メリット Gruntより設定ファイルが記述しやすい StreamAPIを利用することでファイルを毎回書き出すGruntより高速でエコ デメリット 記述がよりNodeに近くなるため、複雑なことは敷居がやや高め プラグイン開発のためのドキュメントが少ない 今日のゴール Gulp.jsを使ってコーディング作業を10倍速くする！ そんな環境を作りたいと思います。 1. Node.jsをインストール まずはNode.jsをインストールしましょう。 Node.js http://nodejs
Webpack+React+BootstrapでWebアプリ - くらげになりたい。
最近、WebpackとかReactとかがイケているらしいので、かじってみたときの備忘録。 環境 $ npm -v 3.3.12 $ node -v v5.4.0 $ uname -o Cygwin $ arch x86_64 プロジェクトの初期化 npm initでpackage.jsonをつくる $ npm init $ tree . sample └── package.json 必要なパッケージをnpmで追加 ## React $ npm install --save react react-dom ## WebpackとReactで使うLoarderたち $ npm install --save-dev webpack babel-core babel-loader babel-preset-es2015 babel-preset-react ## Bootstrap $ npm
npmとpackage.json使い方 - Kokudoriing
node.jsと言えばnpmですよ。 それくらいnpm素敵です。RubyのBundlerとかvimのVundleとかみたく素敵です。 まずはnpmの作法というか、思想というか。 いや、npm含めnode.js初心者なので間違ってたらこっそり教えていただければ幸いです。。 npmはローカルインストールとグローバルインストールがあります。 npm install hogehoge がローカルインストール。 この場合、作業ディレクトリのnode_modulesディレクトリにローカル環境が出来て、そこにインストールされる。 デフォルトがローカルインストールなので、個々のプロジェクト毎に環境持てよということなんでしょう。 npm install -g hogehoge でグローバルインストール。 グローバルインストールは~/node_modulesにグローバル環境を構築し、そこにインストールします。
【脱・gulp】npm-scriptsでシンプルなフロントエンド開発環境を作る - KAYAC engineers' blog
この記事は、Tech KAYAC Advent Calendar 2016 の22日目の記事です。 こんにちは！カヤックのクライアントワークチーム・フロントエンドエンジニアの@takumifukasawa です。 昨年のアドベントカレンダーではWebGLも怖くない！canvasライブラリを効率良く学ぶオススメの順番という記事を書かせていただきました。 もくじ はじめに 手順 npm scriptsとは gulpと比較したメリット・デメリット サンプルの開発環境 明日は はじめに 今年の夏頃、いつも通りgulpを使っていた僕は、ある日gulpのバージョンアップか何かをしたら自作のgulp開発環境が上手く使えなくなって、すごくハマりました。それはそれは深刻な事態に…。 その時にふと、「あれ、なんでgulp使ってるんだっけ…」と立ち返り、gulpをなくしてみたらどうなるんだろうとあれこれ手を動か
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
