babel-plugin-external-helpers について - 備忘録β版
rollup の babel 用プラグインである rollup-plugin-babel の README に， npm install --save-dev babel-preset-es2015 babel-plugin-external-helpers という記載があります． babel-preset-es2015 はよく目にしますが，babel-plugin-external-helpers は初めて見たため，どういうものか調べてみました． babel-plugin-external-helpers babel-plugin-external-helpers は，babel での変換時に各ファイルごとに出力される共通コードを，グローバル変数を用いて1つにまとめることで，重複するコード出力を削減するプラグインです． 以下の2つのファイルを babel で変換する場合を例として，出力の
rollup.js と babel で script タグと npm 両対応のライブラリを作った話 - Qiita
rollup.js を用いて <script> と npm 両対応のライブラリ smart-dropdown-menu を作成しました。 smart-dropdown-menu ドロップダウンメニューを作成するためのライブラリです。 大きな特徴として、mousemove イベントを利用せず、カーソルの斜め移動時（サブメニューへの移動等）に、ホバー判定を継続する処理が入っています。 smart-dropdown-menu の仕組みについては、以下のブログ記事で解説しています。 ドロップダウンメニュー用のライブラリ smart-dropdown-menu を作った - 備忘録β版 rollup.js による <script> と npm 両対応 初めは browserify を用いていたのですが、rollup.js は出力形式に umd を指定できることから、<script> による読み込みと
webpackとRollup：似て非なるもの | POSTD
先日、Facebookは 膨大なプルリクエスト をReactにマージして、既存のビルドシステムを Rollup ベースのシステムに移行しました。 その結果 、 何人もの人々 から「なぜwebpackではなくRollupを選んだのか」という質問が寄せられました。 これは、もっともな疑問でしょう。 webpack は、近年JavaScriptコミュニティで最も評価されているツールの1つです。毎月のダウンロード数は何百万件にもおよび、何万個ものウェブサイトやアプリケーションに使用されています。巨大なエコシステムがあり、コントリビュータも多くいます。さらにオープンソースプロジェクトとしては珍しく、 かなりの寄付金 が集まっています。 それに比べるとRollupは小規模です。しかしReact以外にも、Vue、Ember、Preact、D3、Three.js、Momentなど、数々の有名なライブラリに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
