タグ

ブックマーク / qiita.com/kurosame (2)

  • webpackを可視化するツールを紹介 - Qiita

    フロントエンドのビルド(webpack)に関わる部分でパフォーマンス改善を考える時に、 現状を可視化するため、いくつかプラグインを使ってみましたので、軽く紹介したいと思います 可視化したい対象は以下の2つです ・webpackの速度改善の為、遅いloaderやpluginを知りたい ・バンドルファイルのサイズを減らしたいので、バンドルファイル内の各パッケージがどのくらいの容量を占めているか知りたい 今回分析に使ったコードはこちらです https://github.com/kurosame/vuejs-boilerplate 遅いloaderやpluginを知りたい speed-measure-webpack-plugin

    webpackを可視化するツールを紹介 - Qiita
    gabill
    gabill 2021/11/29
  • フロントエンドの未来の話 - Qiita

    前置き 会社の勉強会資料になります(6/16発表) フロントエンドの未来の話というか、色々なライブラリの紹介です ほとんどが5月上旬くらいに書いた資料なので、 それ以降に変化があったライブラリについては、追記という形で資料の中にコメント入れてます モジュールバンドラーの未来 モジュールバンドラーとは簡単に言うと、JavaScriptのビルドツールのことです 最近はフロントエンドでも、機能ごと・共通化などの理由によって、JSファイルを分けてコーディングをするので、 最終的にそれをまとめて、1個のJSにする必要がある その時に使われるのが、モジュールバンドラー 有名どころのツール みんな大好きwebpack 後は、rollupとかbrowserifyとか ですが、、 これからの時代は fuse-box fuse-boxとは webpackと同様なモジュールバンドラー 設定ファイルがシンプル w

    フロントエンドの未来の話 - Qiita
    gabill
    gabill 2017/06/19
    戦乱の世を終わらせるために世界征服を志す魔王の気持ちが少しだけ分かった。
  • 1