Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

What's New in Webpack 2

gist.github.com

Post reply on HN
Print view View original

21–30 of 71 posts

Re: What's New in Webpack 2

#21

Post by hardwaresofton »

sandGorgon wrote: post #16
hardwaresofton wrote: post #13

Earlier quoted context omitted.

I regularly use JSPM (with systemJS) for new projects, and I've liked it a lot. Back when webpack first came out, I struggled a little bit with figuring out what it actually did. While I understand now, I am not why I would want to (or you) switch from JSPM to webpack. I don't see any features that webpack has that JSPM doesn't (and JSPM offered ES6 support well before of course, with babel on by default). I like to…

well i like jspm, but as others have mentioned - it is too slow. is there a way to compile all the dependencies and cache-buster-fingerprint them ? I serve my app statically using nginx and cloudfront.

What's your full build/bundle time like? May be faster to just bundle the parts you need and build them (and use the compiled output). Also ensure caching is enabled for the stuff you want to cache (deps, I assume).

Cachebusting is possible with systemjs. Looks like this project is a good start:

https://github.com/stealjs/cache-bust

Here's a quick-n-dirty fix for this same problem when working with Aurelia:

https://github.com/aurelia/framework/issues/94#issuecomment-...

Here's where SystemJS devs are discussing adding cachebusting:

https://github.com/systemjs/systemjs/issues/172

Re: What's New in Webpack 2

#22

Post by maxthegeek1 »

bshimmin wrote: post #10

What's the current thinking as of 2016 about Browserify versus Webpack? We've been happy Browserify users for a couple of years now, but I'm drawn to both the code splitting and dynamic expressions parts of Webpack. On the other hand, I'm not keen on introducing more complexity or changing things just to be "fashionable", and Browserify, Babel, and Gulp do work together reasonably well for us (though I didn't much en…

Browserify also has code splitting

https://github.com/substack/factor-bundle

and hot module reloading

https://github.com/AgentME/browserify-hmr

Re: What's New in Webpack 2

#23

Post by circlingthesun »

sandGorgon wrote: post #16
hardwaresofton wrote: post #13

Earlier quoted context omitted.

I regularly use JSPM (with systemJS) for new projects, and I've liked it a lot. Back when webpack first came out, I struggled a little bit with figuring out what it actually did. While I understand now, I am not why I would want to (or you) switch from JSPM to webpack. I don't see any features that webpack has that JSPM doesn't (and JSPM offered ES6 support well before of course, with babel on by default). I like to…

well i like jspm, but as others have mentioned - it is too slow. is there a way to compile all the dependencies and cache-buster-fingerprint them ? I serve my app statically using nginx and cloudfront.

Gulp-rev-all (https://github.com/smysnk/gulp-rev-all) works well for me.

Re: What's New in Webpack 2

#24

Post by alessioalex »

maxthegeek1 wrote: post #22
bshimmin wrote: post #10

What's the current thinking as of 2016 about Browserify versus Webpack? We've been happy Browserify users for a couple of years now, but I'm drawn to both the code splitting and dynamic expressions parts of Webpack. On the other hand, I'm not keen on introducing more complexity or changing things just to be "fashionable", and Browserify, Babel, and Gulp do work together reasonably well for us (though I didn't much en…

Browserify also has code splitting https://github.com/substack/factor-bundle and hot module reloading https://github.com/AgentME/browserify-hmr

Browserify is so much easier to understand and interact with, I'm sticking with it as well.

Re: What's New in Webpack 2

#25

Post by sandGorgon »

hardwaresofton wrote: post #21
sandGorgon wrote: post #16

Earlier quoted context omitted.

well i like jspm, but as others have mentioned - it is too slow. is there a way to compile all the dependencies and cache-buster-fingerprint them ? I serve my app statically using nginx and cloudfront.

What's your full build/bundle time like? May be faster to just bundle the parts you need and build them (and use the compiled output). Also ensure caching is enabled for the stuff you want to cache (deps, I assume). Cachebusting is possible with systemjs. Looks like this project is a good start: https://github.com/stealjs/cache-bust Here's a quick-n-dirty fix for this same problem when working with Aurelia: https://g…

i was looking at the last issue. it seems inconclusive - I like to serve my js from CDN, so this is very very important.

what is your opinion of webpack in general though ?

Re: What's New in Webpack 2

#26

Post by julenx »

Hm, I'm not sure about having to pull in a Promise polyfill to support code splitting (`require.ensure()`) in IE11... If I'm already using a promises library from X, would it be possible to somehow instruct webpack use that? Does that make sense? Am I missing something?

Re: What's New in Webpack 2

#27

Post by egeozcan »

seivan wrote: post #20
DCoder wrote: post #4

Earlier quoted context omitted.

Have you looked into TypeScript? Type system helps you catch even more errors.

Second this. There is no reason not to use TypeScript now that's easier to work with .jsx and add 3:rd party libraries without dealing with type definitions. Also, make sure to try out atom-typescript by Basarat. It's genuinely amazing and feels like Swift. :)

Another supporter here. I was very reluctant at the beginning but after seeing how it helped catch bugs earlier, I can't go back. I actually think that TypeScript makes JS more flexible because of the patterns it enables. I enjoy it even more than C#.

Re: What's New in Webpack 2

#28

Post by sandGorgon »

circlingthesun wrote: post #23
sandGorgon wrote: post #16

Earlier quoted context omitted.

well i like jspm, but as others have mentioned - it is too slow. is there a way to compile all the dependencies and cache-buster-fingerprint them ? I serve my app statically using nginx and cloudfront.

Gulp-rev-all ( https://github.com/smysnk/gulp-rev-all ) works well for me.

are you using this with systemjs ? can you point out how ?

Re: What's New in Webpack 2

#29

Post by egeozcan »

alessioalex wrote: post #24
maxthegeek1 wrote: post #22

Earlier quoted context omitted.

Browserify also has code splitting https://github.com/substack/factor-bundle and hot module reloading https://github.com/AgentME/browserify-hmr

Browserify is so much easier to understand and interact with, I'm sticking with it as well.

I've been a huge fan but the fact that it's very less opinionated enabled me to ruin my build workflow too often. Now a happy webpack user.

Re: What's New in Webpack 2

#30

Post by pdeva1 »

sandGorgon wrote: post #14
pdeva1 wrote: post #12

Earlier quoted context omitted.

we looked at jspm and switched to webpack. detailed comparison here: http://blog.dripstat.com/why-we-switched-from-jspm-to-webpac...

hey thanks for that! we are serving our JS files as static assets behind nginx - we dont run nodejs on the server. does webpack allow you to create static assets (htmls,css,js) and serve them ? the big issue is of course the fact that some libraries (Handsontable) are coming from github and are not on npm. is it possible to use them - with overrides,etc. ?

well in production u can make bundle from both. the article talks about how development is super slow in jspm since files are loaded individually. yes you can add dependency to github projects with jspm
Post reply on HN