タスクランナーを使わずに webpack だけでフロントエンド開発する方法 – Web Application Security Memo
注意：この記事では Babel 5 を使っています。 Babel 6 を使用する場合は、このままだと動作しません。対応方法は、Quick guide: how to update Babel 5.x -> 6.x — Medium 等を参照して下さい。 Grunt や Gulp などのタスクランナーを使わず、webpack だけでフロントエンドを開発する方法を調べてみました。 以下、実際に簡単なウェブアプリケーションを作ってみます。 環境 webpack 1.12.0 ESLint v1.2.1 OS X 10.10.5 前提条件 JavaScriptは ECMAScript 6 で書けるようにします。但し、今回の記事内では ECMAScript 5の文法のみ使用しています。 CSSファイルは webpackで処理することにより、JavaScript のコードで表現されるようになります。こ
webpack module bundler
Getting started by reading the documentation, which also contains an introduction and a tutorial.
webpackを試してみた[JavaScript][webpack][超入門] - あざらし備忘録。
今回はjsを触っていて「requireとかってどうやってやるんだろう」とか「依存関係とかってどういう風に付き合っていくんだろう」と思って調べてみたらwebpackに行き着いたので、とりあえず使ってみたメモとして。 よく並んで耳にする Browserify や RequireJS との比較は今回は行いませんmm (webpackが初めてなので！mm) とりあえずwebpackが最後発というのはわかった。 webpackとは JavaScript用のモジュール管理ツールです。 リソースの依存関係を解決して、複数ファイルをまとめたファイルを生成することができます。 コンパイルができるイメージでしょうか。 jsだけでなく、cssや画像なども扱う事が可能なようです。 Symfony2を使っているので話を出すと、Symfony2でいうところのassets的な感じですかね〜。 なんとなく便利そうなのはわ
![webpackを試してみた[JavaScript][webpack][超入門] - あざらし備忘録。](https://cdn-ak-scissors.b.st-hatena.com/image/square/0b91176f379256a105237464c66facc58523c2f7/height=288;version=1;width=512/https%3A%2F%2Fwebpack.github.io%2Fassets%2Fwhat-is-webpack.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
