CLOVER🍀

That was when it all began.

Browserify

Karma × PhantomJs × karma-html2js-preprocessor

以前、karma-html2js-preprocessorを利用して、このようなエントリを書きました。Karmaでkarma-html2js-preprocessorを使ってHTMLを読み込んでテストする - CLOVERこの時は、以下の組み合わせで環境、コードを用意してテストを書いたのでした。 Babel Browse…

Karmaでkarma-html2js-preprocessorを使ってHTMLを読み込んでテストする

Karmaを使うとブラウザ上でのテストが行えますが、さらにPreprocessorのうちkarma-html2js-preprocessorを使用するとHTMLファイルを使ってテストができるようになるようです。Karma - PreprocessorsGitHub - karma-runner/karma-html2js-preprocessor: A Kar…

Babel(ES2015)+Browserifyでのビルド設定を、npm runのみとgulpを使って書く

最近Babelを始めて、それからテストやライブラリといったところの勉強へ進めていきたいのですが、いったんここらでビルド定義について自分なりにまとめておくことにしました。たまに立ち止まって振り返らないと、よくわからなくなるので…。今回、やりたいテ…

テストランナーKarmaを試す

最近、ちょっと気になっていたテストランナー、Karmaを試してみます。Karma - Spectacular Test Runner for JavascriptKarmaを使うと、実際のブラウザやPhantomJSでテストができたり、ファイルに変更があるとKarmaが検知してくれて自動実行してくれたりする…

Mochaでブラウザで動くテストを書く

Mochaを使った、ブラウザ上でのテストにトライしてみます。Running Mocha in the Browserこちらを見ると、以下のようなHTMLを作成すればよいみたいです。Mochaのテスト結果を書き込むための、#idを持つHTMLタグ。 <div id="mocha"></div> Mochaのセットアップとテストコード。 <script src="https://cdn.rawgit.com/jquery/jquery/2.1.4/dist/jquery.min.js"></script>

Browserify+gulpで、JavaScriptを個々のファイルとしてビルドする(**/*.js)

Browserifyで、JavaScriptファイルを個々にビルドしたいなと思いまして。要するに、こちらのエントリのようなことがしたいと。Gulp+Browserifyでsrc/**/*.jsをdist/**/*.jsにする | 高橋文樹.comgulp + browserify, the gulp-y way – wehavefacesgulp-recipe…

MochaでJavaScriptのテストを書く

これまでJavaScriptにはあんまり積極的には関わってこなかったのですが、少しはフロントエンドまわりについて知っておこうというのと、多少でもキャッチアップしておこうかなということで、少しずつ勉強してみることにしました。まずは、テストコードを書く…

gulp+Browserifyで、JavaScriptビルド/minify/watchify/livereload

以前、gulp+webpackで似たようなことをやったのですが、Broserifyを使った自分なりのgulpfile.jsを作っておこうかなと思いまして。やりたいこと。 BrowserifyでJavaScriptを結合 minifyする sourcemapを作成する wachifyを使って差分コンパイル ということ…

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

先ほどwebpackで書いたエントリ、webpackを使ってJavaScriptのビルド/minify(+Bower) - CLOVERのBrowserify版です。やりたいことは同じで、 複数のJavaScriptをまとめたい まとめたJavaScriptはminifyしたい SourceMapも作成したい Bowerを使って依存関…