GithubHelp home page GithubHelp logo

webpack / analyse-tool Goto Github PK

View Code? Open in Web Editor NEW
55.0 55.0 8.0 3.84 MB

A tool to analyse your webpack build result. It allows to browse the compilation and points out options to optimize the build.

License: MIT License

JavaScript 85.50% HTML 11.77% CSS 2.73%

analyse-tool's People

Contributors

bartekus avatar gitter-badger avatar sokra avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

analyse-tool's Issues

Bootstrapping the basic infrastructure

So, we've chosen the team, the team leaders, drawn upon some of the major features, I think the next step is actually getting the basic infrastructure ready. According to the roadmap, we should be doing the UI design, but I think data > view / presentation, especially since it seems we're not actually sure about what to present.

Setting up the infrastructure (router, store, pages, folders, compontents etc) is agnostic to how the view actually ends up looking like and if we can get this done before, it will be much easier to handle the view.

So, my proposal is, let's give ourselves 3 days to determine the infrastructure and frameworks / tools we're going to use and move forward.

I think it's crucial we get something working as soon as possible.

Team

I'm looking for a new team of developers/designers that want to write a new analyse tool.

It should feature a web-based version and an electron version. You are free to choose the tooling with the team, I would recommend webpack, ES6, React.js, react-router, CSS Modules, react-toolbox, Redux.

You can see it as chance to work with bleeding egde technologies and contribute to OSS. It propably also give a depther understanding of the webpack compilation and optimization options. I hope this results in a tool that helps everybody to analyse and optimize their webpack build.

Of couse the tool would feature your and/or your company's name at some place.

Team leader

We are looking for 2 - 3 team leaders for the analyse tool.

A team leader is responsible for reviewing, merging PRs and administrating the repo.

You should have at least some experience with git and open source on github.

@webpack/analyse-tool-team Please either apply yourself, propose someone or vote for somebody.

List of features we want to implement

Drop in your ideas what else (new/improved) you want to see?

  • It should work realtime with webpack-dev-server and middleware
  • It should feature a web-based version and an electron version
  • It'd propably also give a deeper understanding of the webpack compilation and optimization options.
  • It should be compatible with Webpack 1.x and 2.x
  • It should be extensible (via plugins or similarly) for enthusiasts who want other ways of visualization/analysis
  • It should be able to display compilation steps in a flowchart-like way, so it's visual and easy to understand sequence of build steps and transitions between them

P.S. How we'll vote for the features by the way? Anything handy in Github for that?
Not sure if +1 in comments is a clean way to do it ๐Ÿ˜’

Roadmap

  • Find a team (until 18.11.)
  • Select team leaders (until 22.11.)
  • Gather a list of features we want to implement (ordered by importance) (until 25.11.)
  • Plan the UI (multiple pages?)
  • Bootstrap the basic infrastructure
    • router
    • store
    • pages
    • folders (pages?, components?)
  • Implement basic loading of webpack stats
  • Split the work into multiple features (on which can be worked async)
    • user friendly loading of webpack stats
  • Setup infrastructure for publishing as web app (codeship?, gh-pages?)
  • Infrastructure optimization (Code Splitting)
  • Setup infrastructure for building as electron app

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.