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 コ
最近のフロント系ビルドツールまとめ
JavaScriptタスクランナーを広めた Grunt grulnt GruntはRuby製のGuardに影響を受けて、後のタスクランナーに影響を与えました。 grantの設定ファイルは、初期化部分と実行タスクに別れ、それが故にコードが大きくなると可読性＆メンテナンス性が悪くなると言う弊害があります。しかし、タスクの責任範囲が明確になっているので、大きなプロジェクトでは各担当の管理部分がわかりやすいというメリットがあります。 1. グローバルにgruntのCLIパッケージをインストールします。 $ npm install -g grunt-cli 2. プロジェクトのディレクトリに移動し、npmコマンドでpackage.jsonを生成します。 $ npm init 2. gruntのパッケージをインストールします。 $ npm install grunt-contrib -save-dev
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
