All Projects → hanford → Bundle Cop

hanford / Bundle Cop

🚓 compare webpack stats between branches

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Bundle Cop

100 Days Of Code Frontend
Curriculum for learning front-end development during #100DaysOfCode.
Stars: ✭ 2,419 (+13338.89%)
Mutual labels:  webpack, nextjs
Node Blog
🔥✨ A react blog project base on nodejs, nestjs, mongoose, typescript, react, ant-design,nextjs
Stars: ✭ 69 (+283.33%)
Mutual labels:  webpack, nextjs
Ts Monorepo
Template for setting up a TypeScript monorepo
Stars: ✭ 459 (+2450%)
Mutual labels:  webpack, nextjs
Sambell
wake me when it's quitting time
Stars: ✭ 101 (+461.11%)
Mutual labels:  webpack, nextjs
Woo Next
🚀 React WooCommerce theme, built with Next JS, Webpack, Babel, Node, Express, using GraphQL and Apollo Client
Stars: ✭ 342 (+1800%)
Mutual labels:  webpack, nextjs
Opencollective Frontend
Open Collective Frontend. A React app powered by Next.js.
Stars: ✭ 446 (+2377.78%)
Mutual labels:  webpack, nextjs
Nextsimplestarter
🐳 Simple and Accessible PWA boilerplate with Nextjs 10 + React Hooks
Stars: ✭ 744 (+4033.33%)
Mutual labels:  webpack, nextjs
Vuefront Nuxt
Vuefront Nuxt module for building components based on config.
Stars: ✭ 16 (-11.11%)
Mutual labels:  webpack
Nunjucks Isomorphic Loader
Nunjucks loader for webpack, supporting both javascript templating and generating static HTML files through the HtmlWebpackPlugin.
Stars: ✭ 17 (-5.56%)
Mutual labels:  webpack
Spring Streaming
SPA on Spring Boot 1.x, WebSockets and React, gradle, nodejs, spring-boot, gradle multi project, spring-mvc, spring-data, gradle dependency update plugin, react-router
Stars: ✭ 6 (-66.67%)
Mutual labels:  webpack
Pixi Js Starter Kit
Experiment starter kit using Pixi.js, TweenMax & Webpack
Stars: ✭ 6 (-66.67%)
Mutual labels:  webpack
Vue2 Study
vue 的webpack配置,按需加载,element-ui,vuex
Stars: ✭ 16 (-11.11%)
Mutual labels:  webpack
Easy Vue
Learn vueJS Easily 👻
Stars: ✭ 896 (+4877.78%)
Mutual labels:  webpack
Pcaaron.github.io
Web全栈技术笔记:https://pcaaron.github.io/
Stars: ✭ 16 (-11.11%)
Mutual labels:  webpack
Cypress Hmr Restarter
A Cypress plugin which restarts tests on webpack-dev-server HMR updates
Stars: ✭ 18 (+0%)
Mutual labels:  webpack
Universal React Base
[OUTDATED] Super basic example to get you started with Universal (😦) React/Redux (+ API requests). Lightweight and straightforward.
Stars: ✭ 6 (-66.67%)
Mutual labels:  webpack
Cloudflare Workers Webpack Plugin
Launch Cloudflare Workers to the Edge from the comfort of your build step 🚀
Stars: ✭ 18 (+0%)
Mutual labels:  webpack
Great Big Example Application
A full-stack example app built with JHipster, Spring Boot, Kotlin, Angular 4, ngrx, and Webpack
Stars: ✭ 899 (+4894.44%)
Mutual labels:  webpack
Initior
A command line application that let's you initialize your new projects the right way, replaces npm and yarn's init 🎆
Stars: ✭ 17 (-5.56%)
Mutual labels:  webpack
Braid Design System
Themeable design system for the SEEK Group
Stars: ✭ 888 (+4833.33%)
Mutual labels:  webpack

bundle-cop 👮‍♀️

Generate a bundle size comparison between two different branches

You can see an example here

Usage

$ bundle-cop --branch master

Bundle cop compares the current branch with the one specified using the --branch command.

After comparing, it will generate an index.html file which is automatically has a breakdown of file size changes

Both branches will need to contain a npm run build-analyze script that ensures we're using our webpack-bundle-analyzer plugin.

You'll want to use this webpack plugin as well

npm i webpack-bundle-analyzer --save-dev

and your next.config.js will need something like this:

const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')

..

if (process.env.ANALYZE) {
  config.plugins.push(new BundleAnalyzerPlugin({
    statsFilename: 'stats.json',
    analyzerMode: 'disabled',
    generateStatsFile: true
  ))
}

preview

Questions? Feedback? Please let me know

License (MIT)

WWWWWW||WWWWWW
 W W W||W W W
      ||
    ( OO )__________
     /  |           \
    /o o|    MIT     \
    \___/||_||__||_|| *
         || ||  || ||
        _||_|| _||_||
       (__|__|(__|__|

Copyright © 2017-present [email protected]

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].