WINGS(Www INtegrated Guide on Server-architecture)
Www INtegrated Guide on Server-architecture :
   ホーム Q&A掲示板 サーバサイド環境構築設定 つぶやき ブックマーク レンタルサーバー 総合FAQ/訂正&ダウンロード このエントリーをはてなブックマークに追加        
  • 刊行書籍情報  [書籍マップ
  • オンライン公開 技術記事
  • シリーズ別書籍リスト
  • 「WINGS News」登録/解除
  • WINGSプロジェクト紹介
  • WINGSプロジェクトメンバ募集





【カテゴリ】 JavaScript


速習 webpack  

速習 webpack

山田祥寛/著
WINGSプロジェクト/発行
定価 454円(+税)
Kindle版・ 127ページ・ 4色
発刊日: 2018年4月27日

[Amazon.co.jpからオンライン購入する]

   FAQ 本書訂正 アンケート ダウンロード

本書の特徴

サクッと学べる。webpackの解説書。

フロントエンド(JavaScript)開発には欠かせないwebpackを素早くマスターしよう。
本書は、webpackの使い方を5つのPartに分けて、サンプルコードとともに詳しく解説しています。
サンプルはサポートサイトからダウンロード可能です。

まとめて読んで 更にスキルアップのこんな書籍

・今や習得必須なECMAScriptをサクッと学ぼう
速習 ECMAScript 2018」(WINGSプロジェクト)
・ビュー(見た目)に特化したシンプルなJavaScriptフレームワークVue.jsを素早くマスターしよう。
速習 Vue.js」(WINGSプロジェクト)
・本格的なフロントエンド開発向けフレームワーク「Angular」に挑戦してみよう
Angularアプリケーションプログラミング」(技術評論社)
・altJSのデファクトスタンダード「TypeScript」を素早くマスターしよう
速習 TypeScript」(WINGSプロジェクト)
・本書の前提知識としてJavaScriptをきちんと押さえよう
改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで」(技術評論社)
分野・レベル別マップ

本書について取り上げていただいたブログさま

・無限大な夢のあと - noimpslmtbrkさま
【書評】速習webpack ( @yyamada ) (2018年6月24日)
・CodeZine - CodeZine編集部さま
【新刊紹介】『速習 webpack』発売、フロントエンド開発には欠かせないwebpackを徹底解説(2018年5月22日)
・あて先のないe-mail - あて先のないe-mailさま
速習 webpack 速習シリーズ(2018年5月04日)

  Contents


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オプション

本ページへのリンクには、このロゴをご利用ください。


著作権情報個人情報保護について広告掲載についてRSSフィードについて
出版社の方々へ会社概要スタッフ紹介サイトマップ  
お問い合わせ: mailto:yoshihiro@wings.msn.to
Copyright(c) 1998-2018,Yamada Yoshihiro.  All Right Reserved.