webpackを利用してみる（入門編） | フロントエンドBlog | ミツエーリンクス
この記事はミツエーリンクスアドベントカレンダー2019の5日目の記事です。 Webサイト構築プロジェクトを進めていく中で、HTML/CSS設計やJavaScript開発を複数人で行うケースは多くあります。 そうした場合に、1つのファイルに複数の機能が集中しているとコードの可読性が悪くなり、開発作業の分担も難しくなってしまいます。 この問題の解決策として有効なのが、webpackなどのツールを使用することです。機能ごとにファイルを分割（モジュール化）して開発を進めることができれば、可読性も向上し開発作業の分担もしやすくなります。 webpackとは webpackとはCSSやJavaScript、画像などWebサイトを構成するあらゆるファイルを1つにまとめるモジュールバンドラーのことです。 webpackを利用して複数ファイルをバンドルすることは以下のような利点があります。 依存関係の解決
npm で依存もタスクも一元化する - Qiita
タスク管理 package.json にはパッケージの依存を書いて npm install するのが基本だけど、 タスクの管理をどうするかというのは、別途また考えないといけない。 自分は gulp が良いと思っているが、 grunt や jake や make を使う人もいる。 また、たくさんオプションをつければほぼ一つのタスクが実行できてしまう browserify, jsh/eslint, mocha などのコマンドを提供するツールもある。 そして、 npm にも一部それらをサポートする npm run 機能があるので、そこに Unix ワンライナーを書くこともできる。 今回は、「どのタスクツールが最良か」みたいな話ではなく、それらをどうやって実行するか、または npm との棲み分けとか構成の流儀について、最近良いと思っているやり方について書いておく。 各方針で問題点を書いていくが、
きちんとわかる、npm install | 第1回 PCにコマンドをインストールする
きちんとわかる、npm install 第1回 PCにコマンドをインストールする 普段何気なく使っているNode.jsのパッケージツール「npm」。パッケージのインストールに使うnpm installの使い方と動作を解説します。まずはグローバルインストールからです。 はじめに 最近のフロントエンドでは、当たり前のように使っているNode.jsのnpmコマンド。その中でもnpm installはとりあえず、パッケージ（ライブラリ）をインストールのため、最初に実行するものという認識だけで、なんとなく使っている人も多いのではないでしょうか。 このシリーズでは、npm installにどのようなオプションがあり、どのような動作をするのかを中心に解説します。きちんと仕組みを知っておくことで、生成されたpackage-lock.jsonをどう扱えば良いのか、困った時にはどうすれば良いのかわかるようにな
「npm install」時のセキュリティ警告への対応方法 - Programming Self-Study Notebook
皆さんはnpm installを実施した際のWARNについてどのように対応していますか？ 私はよくわからないから放置していたのですが、中には脆弱性に関する警告が含まれていることがあるようです。 そんな時は、使用しているnode_modulesの脆弱性について調べるコマンド（npm audit）を活用して、脆弱性を塞いでいきましょう。 ココでは解決までの流れをまとめます。 Step1：発見（npm installを実施） Step2：状況確認（npm auditを実施） Step3：対応①（npm audit fixを実施） Step3-1：自動アップデートをキック（npm audit fixを実行） Step3-2：結果の確認（npm auditを実施） Step4：対応②（手動で修正） なぜ自動アップデートが禁止されるのか 個人的な対応方法 Step4-1：インストールルールの更新（pa
npmでnode.jsのpackageを管理する
このTopicはWeb ApplicationのfrontendのProjectを管理するTopicの2つ目です。 node.jsのversionを管理するためにnodebrewを利用する npmでnode.jsのpackageを管理する grunt.jsを使って、frontendのビルドを行う 前提条件として、僕の環境はMac OSです。 ##npmとは？ npmはnode.jsのpackageを管理するためのツールです。 node.js自体はJavaScriptで出来たWeb Serverですが、frontendを管理するためのtoolもたくさんあります。 npmはnode.jsのpackageを管理すためのツールです。 Javaが分かる方は、mavenのようなものだと想像していただければ、分かりやすいかと思います。 ##npmでpackageをインストールする npmでpackage
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
