【最新情報】2020年9月、「速習 webpack 第2版」(Kindle)を刊行しました。最新のwebpackについて知りたい方は、こちらを参照してください。フロントエンド(JavaScript)開発には欠かせないwebpackを素早くマスターしよう。本書は、webpackの使い方を5つのPartに分けて、サンプルコードとともに詳しく解説しています。サンプルはサポートサイトからダウンロード可能です。【対象読者】本書は、webpackについて短時間で概要を掴みたい方のための書籍です。webpackを学ぶための書籍ということで、その基盤となるJavaScriptについては、基本的な理解があることを前提としています。改めてJavaScriptについてきちんと押さえておきたいという方は、「改訂新版JavaScript本格入門」(技術評論社)などの専門書も合わせて参照してください。【目次】Part 1:イントロダクション webpackとは? 従来型のJavaScriptライブラリ モジュールバンドラーの登場 webpackの利点 対象読者 サンプルプログラムについてPart 2:モジュールバンドラーの基本 モジュールの基本 モジュールを定義する モジュールのインポート import命令のさまざまな記法 webpackを利用するための準備 webpackの基本Part 3:設定ファイルの基本 設定ファイルの骨組み ショートカットコマンドを準備する 開発サーバーの導入 補足:開発サーバーの設定 watchモードによるファイルの監視 本番/開発モードの選択 コードの圧縮 ソースマップの生成 補足:開発/本番コードの区別Part 4:ローダー スタイルシートのバンドル - css-loader/style-loader css-loader/style-loaderの有効化 スタイルシートの準備とインポート スタイルシートをlink要素で出力する - ExtractTextPlugin 画像ファイルをバンドルする - url-loader url-loaderの有効化 一定以上の画像データはファイルとして出力 - file-loader url関数による画像のインポート 補足:url関数の書き替え フォントファイルをバンドルする - file-loader フォントの準備 スタイルシートの準備 file-loaderの有効化 JSON、HTML/XML、CSV/TSVなどのデータをインポートする JSONデータの取得 CSV/TSVデータの取得 - csv-loader HTMLデータの取得 - html-loader XMLデータの取得 最新のECMAScriptを利用する - babel-loader babel-loaderの有効化 Babelの設定ファイルを準備する - .babelrc 補足:Babel+React環境を構築する TypeScriptのコードをコンパイルする - ts-loader ts-loaderの有効化 TypeScriptの設定情報 Sassのコードをコンパイルする - sass-loader sass-loaderの有効化 JavaScriptの「べからず」なコードを洗い出す - eslint-loader eslint-loaderの有効化 ESLintのルールをカスタマイズする ESLintとBabelとの連携Part 5:プラグイン 複数のエントリーポイントを処理する 共通のライブラリを分離する トップページを自動生成する - html-webpack-plugin html-webpack-pluginの有効化 補足:テンプレートで参照可能な変数 出力先フォルダーのクリーンアップ - clean-webpack-plugin バンドル時にコードを圧縮する - uglifyjs-webpack-plugin uglifyjs-webpack-pluginの設定 補足:その他の圧縮オプション スタイルシートを圧縮する - optimize-css-assets-webpack-plugin 設定ファイルを分離する - webpack-merge modeオプションによる切り替え 補足:--envオプション書籍情報 著者プロフィール 基本情報 サポートサイト【著者プロフィール】山田 祥寛(やまだ よしひろ)Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGS プロジェクト」の代表でもある。主な著書に「速習Vue.js」「速習 ASP.NET Core」「速習 TypeScript」「速習 ECMAScript 6」(WINGSプロジェクト・Kindle版)、「改訂新版JavaScript本格入門」「Angularアプリケーションプログラミング」(技術評論社)、「独習C# 新版」「独習PHP 第3版」(翔泳社)、「はじめてのAndroidアプリ開発 第2版」(秀和システム)など。https://wings.msn.to/
人気のある作家
できるシリーズ編集部 (48) 技術評論社編集部 (48) リンクアップ (48) 相川正樹 (35) 日経Linux (26) standards (26) リブロワークス (24) 晋遊舎 (22) 株式会社クイープ (22) 年賀状素材集編集部 (21) インプレス年賀状編集部 (20) 山田 祥寛 (19) 横山了一 (18) メディアックス (13) 掌田 津耶乃 (11) 廣瀬 豪 (10) 森 巧尚 (10) 北村 愛実 (9) 吉川 邦夫 (9) 井上 香緒里 (9)最適なファイルサイズ
100388 KB 1004 KB 100579 KB 10068 KB 101719 KB 102313 KB 1027 KB 102851 KB 104612 KB 104884 KB 10554 KB 105 KB 1063 KB 106926 KB 107492 KB 108832 KB 108931 KB 109089 KB 109437 KB 109624 KB