投稿

ラベル(bootstrap)が付いた投稿を表示しています

MithriとBootstrapとWebpack

ここ2年ほど,Webのフレームワークとして Mithril を時々使っているのだけど,どうにもWebpackの黒魔法が苦手で,毎回調べては忘れというのを繰り返していた。 いい加減学習して, Mithril + Bootstrap + Webpackで始めるときのテンプレートプロジェクト を用意してみた。 どうにもjavascriptのフロントエンド業界の変化の激しさについていけず,Vueみたいなリッチなフレームワークには手を出しにくい。で,かなりコンパクトでシンプルなMithrilが自分的にはちょうどいい感じ。 コンパクトだけど,routing / コンポーネント / 仮想DOM / XHRといった基本的な機能は持っているし,pure javascriptで書ける。一応,Webpackのような黒魔法無しで使うこともできる。 それにしても,Webpack(というか,その手のbundler)は面倒だ。本当は使いたくないんだけど,どうしてもモジュール分割だけは避けられないので,ある程度の規模になると使わざるを得ないんだよね。(Babelみたいなトランスパイラは使わない)

mathquillとBootstrap

イメージ
Bootstrap と一緒に MathQuill を使うと,数式のレンダリングがおかしくなることがある。 本来は,こうあるべき。 これを回避するためには,CSSで, .mathquill-editable * { box-sizing: content-box; top: auto; } としてやる必要がある。 一応, https://github.com/mathquill/mathquill/issues/350 で,issueとしてあがっている。