モジュールの依存関係を解析する方法

参考:

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

Webpack バンドルを占めるサイズがでかい奴を探す方法 – Qiita

Webpack でビルドした bundle ファイルのサイズを減らす | I am mitsuruog

highlight.js を小さくバンドルする方法 | I am mitsuruog

Build Analysis | SurviveJS

Webpack Bundle Analysis — A necessary step for all React, Angular, Vue application developers! – Vijay Dharap – Hacker Noon

Three simple ways to inspect a Webpack bundle – Jannik Hell – Medium

Analyzing & optimizing your Webpack bundle – Ahmed El Gabri – Medium

Using webpack Bundle Analyzer or source-map-explorer to Analyze an Angular App’s Bundle Size ← Alligator.io

Optimising your application bundle size with webpack – RC – Hacker Noon

Monitor and analyze the app  |  Web Fundamentals  |  Google Developers

Put Your Webpack Bundle On A Diet – Part 1 | Contentful

Put Your Webpack Bundle On A Diet – Part 2 | Contentful

Put Your Webpack Bundle On A Diet – Part 3 | Contentful

Put Your Webpack Bundle On A Diet – Part 4 | Contentful

Stats Data

参考:

Stats Data | Webpack [Official]

stats-webpack-plugin

参考:

unindented/stats-webpack-plugin: Write the stats of a build to a file – GitHub

stats-webpack-plugin – npm

analyse (official tool)

(出典:medium.com/@joeclever

(出典:survivejs.com

参考:

webpack/analyse: analyse web app for webpack stats – GitHub

analyse (demo)

webpack-dashboard

参考:

FormidableLabs/webpack-dashboard: A CLI dashboard for webpack dev server

webpack をなんかかっこよくする – Qiita

Webpack Visualizer

参考:

Webpack Visualizer

chrisbateman/webpack-visualizer: Visualize your Webpack bundle – GitHub

webpack-bundle-analyzer

参考:

webpack-contrib/webpack-bundle-analyzer: Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap – GitHub

webpack-bundle-analyzer – npm

webpack-runtime-analyzer

参考:

smelukov/webpack-runtime-analyzer: Webpack 1.x/2.x plugin for analyzing internal processes, state and structure of bundles – GitHub

webpack-runtime-analyzer – npm

bundlesize

(出典:developers.google.com

参考:

siddharthkp/bundlesize: Keep your bundle size in check

webpack-bundle-size-analyzer

参考:

robertknight/webpack-bundle-size-analyzer: A tool for finding out what contributes to the size of Webpack bundles – GitHub

Webpack バンドルを占めるサイズがでかい奴を探す方法 – Qiita

inspectpack

参考:

FormidableLabs/inspectpack: An inspection tool for Webpack frontend JavaScript bundles – GitHub

webpack-bundle-tracker

参考:

owais/webpack-bundle-tracker: Spits out some stats about webpack compilation process to a file – GitHub

Webpack Monitor

参考:

Webpack Monitor [Official]

webpackmonitor/webpackmonitor: A tool for monitoring webpack optimization metrics through the development process – GitHub

webpack-monitor – npm

electron-webpack-dashboard

参考:

FormidableLabs/electron-webpack-dashboard: Electron Desktop GUI for Webpack Dashboard – GitHub

Releases · FormidableLabs/electron-webpack-dashboard – GitHub

Introducing Electron Webpack Dashboard | Formidable

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です