Published on November 23, 2016 by Chrome
Want create site? Find Free WordPress Themes and plugins.

Learn how to audit what’s in your JavaScript bundles that could use some trimming using tools like Source Map Explorer in a new episode of Totally Tooling Tips.

Source Map Explorer: www.npmjs.com/package/source-map-explorer

Watch more episodes of Totally Tooling Tips here: goo.gl/IoXka7?

Subscribe to the Chrome Developers channel at goo.gl/LLLNvf

Did you find apk for android? You can find new Free Android Games and apps.

Leave a Reply

34 Comments on "Source Map Explorer, Totally Tooling Tips (S3, E13)"

Notify of
avatar

Leo M
Guest
Leo M
10 months 12 days ago

Reminds me of SpaceSniffer

ANONYMOUS ANONYMOUS
Guest
ANONYMOUS ANONYMOUS
10 months 15 days ago

يتورا يمكنوني ان اتبيع هاذيهي اصفحاةو بي العرابي

Marcel Robitaille
Guest
Marcel Robitaille
10 months 17 days ago

I have two questions:1) How do you get away with not using firebase/auth? Are you using your own authentication? Does this project now have users? I want to cut down on firebase and for most of the files all I need is the onAuthStateChanged callback. Its seems like a large file for one function.2) Has anyone figured out how to do this to chart.js? It is taking a large part of my bundle and since I just use line charts, I figure I should be able to cut that down.

Yachao Shang
Guest
Yachao Shang
10 months 20 days ago

what IDE is that?

Tomas Echeverri Valencia
Guest
Tomas Echeverri Valencia
10 months 14 days ago

Visual Studio Code code.visualstudio.com/Free. Open source. Runs everywhere.Visual Studio Code is a source code editor developed by Microsoft for Windows, Linux and macOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring.

Landon Epps
Guest
Landon Epps
10 months 20 days ago

VSCode

mathdroid
Guest
mathdroid
10 months 23 days ago

I'm dead now 😆

Sandip Baradiya
Guest
Sandip Baradiya
10 months 24 days ago

Why no source mapping for Post CSS/SASS. :/

Sandip Baradiya
Guest
Sandip Baradiya
10 months 19 days ago

Sure, will try. Any other way to check postcss imports in chrome source tab?

Addy Osmani
Guest
Addy Osmani
10 months 19 days ago

source-map-explorer works just great with PostCSS and Sass sourcemaps too. Give it a try 🙂

Moutaz Salahat
Guest
Moutaz Salahat
10 months 24 days ago

What is the editor you are using ?

Tomas Echeverri Valencia
Guest
Tomas Echeverri Valencia
10 months 14 days ago

Visual Studio Code code.visualstudio.com/Free. Open source. Runs everywhere.Visual Studio Code is a source code editor developed by Microsoft for Windows, Linux and macOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring.

Maxim Franko
Guest
Maxim Franko
10 months 22 days ago

Visual Studio Code

3m0_Wr3ck
Guest
3m0_Wr3ck
10 months 24 days ago

#oOoUuu .. sidetrigue: why is Matt not writing js anymore…

Nimesh Gurung
Guest
Nimesh Gurung
10 months 24 days ago

I did not get any joy, trying to analyse my minified bundle using webpack-bundle-analyzer, definitely going to give this a try. Thanks.

Addy Osmani
Guest
Addy Osmani
10 months 24 days ago

Do give it a try and if you have any feedback, I've noticed the author of source-map-explorer seems pretty open to engaging on improvements. Most of the tools I've seen in this space so far could definitely use some more UX love.

Vitaliy Teremasov
Guest
Vitaliy Teremasov
10 months 24 days ago

Really? SUDO npm run build? But why?

Addy Osmani
Guest
Addy Osmani
10 months 24 days ago

Vitaliy Teremasov Some work related updates messed up my local permissions that day I'm afraid. All fixed up now 🙂

wpDiscuz