CLOVER🍀

That was when it all began.

webpack

webpackで、JavaScriptを個々のファイルのままminifyする

あんまりこんなことやらないかもしれませんが、webpackでJavaScriptを結合するのではなく、個々のファイルの単位のままminifyだけしてみようと思いまして。で、こちらを参考にしてやってみました。Wildcards in entry points · Issue #370 · webpack/webpack…

webpack-dev-serverで、Hot Module Replacementの設定をする

webpack-dev-serverの設定を見ていると、なんかHot Reload?的なものができそうだったので。Hot Module Replacement with node.js API通常でもリロードっぽい挙動をしているのですが、ちょっと設定してみました。webpackの設定。webpack.config.jsなどの名前…

webpack-dev-serverで、URLから「webpack-dev-server」を削る

初めてwebpack-dev-serverを使った時、アクセスするURLにhttp://localhost:8080/webpack-dev-server/index.htmlこんな感じで「webpack-dev-server」が入るのが気になっていまして。これ、なんとか除去できないかなーと思って調べたら、Automatic Refreshの設…

webpack-dev-serverで、他のバックエンドサーバーにプロキシする

webpack-dev-serverと、背後に別のサーバーがいた場合を組み合わせたいと思いまして。要は、一部のパスについては後ろのサーバーにプロキシしたいのです。そういう設定は可能なようですね。APIjavascript - Webpack-dev-server with bypass proxy - Stack Ov…

webpackとwebpack-dev-server、html-loaderと合わせて、JsRenderを試す(再)

以前書いたこちらのエントリについてですが、webpackとwebpack-dev-server、html-loaderと合わせて、JsRenderを試す - CLOVERどうもBowerは最近は避けた方がよさそうな風潮なので、Bower抜きでなんとかするようにしてみました。とはいえ、 $ npm install --s…

webpackとwebpack-dev-server、html-loaderと合わせて、JsRenderを試す

webpackと組み合わせて、簡単なJavaScriptでのテンプレートエンジンを使いたいと思いまして。で、ちょっと事情からjQueryが視野に入らざるをえない感じなんですけど、jQueryでテンプレートといえばjQuery Templates plugin…jQuery Templates pluginだと思っ…

webpackを使ってJavaScriptのビルド/minify(+Bower)

最近のフロントエンド事情には全然詳しくないのですが、ちょっと以下のようなことをやろうかなと思いまして。 複数のJavaScriptをまとめたい まとめたJavaScriptはminifyしたい SourceMapも作成したい Bowerを使って依存関係も解決したい Bowerで解決しよう…