.NET 開発基盤部会 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

目次

概要

特徴

単純なBundler & Minifierではなく、

などのプリプロセス的な処理(≒ビルド)を行う。

詳細

インストール

npm install --save-dev webpack webpack-cli

webpack.config.jsの設定を行う。

Cordova - config.xmlのように、webpack.config.jsがあれば、
ここからコマンドを自動実行するため、都度コマンドを実行する必要がなくなる。

ビルド(バンドル)

以下のコマンドでバンドル処理を行う。

npm run webpack

リンク

結果、bundle.jsにバンドルされるので、コレをHTMLからリンクさせる。

<script type="text/JavaScript" src="public/js/bundle.js"></script>

連携

npmとの連携

package.jsonに設定を行うが、
これは上記のインストール・コマンドを実行することで自動的に設定される。

参考

Qiita

CodeZine?(コードジン)

webpack.config.js


トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS