Runtime error when loading jpg with import

[jouni-kantola]

Runtime error when loading jpg with import

[devongovett]

Yeah, currently dynamic import can be used for CSS or JS.

[jouni-kantola]

This phrase was why I took a small webpack app I often use for testing, and tried it with parcel:

Bundle all your assets

Parcel has out of the box support for JS, CSS, HTML, file assets, and more - no plugins needed.

The usecase I'm after is to code split around components, but I guess the image could've been loaded by splitting out via a JS module instead.

[treshugart]

I get this for any non js / css import that is contained inside of a dynamic import call, even when they're not a dynamic import themselves. i.e.

// file1.js
import('./file2');

// file2.js
import path from './img.png';

Also, the first form of that doesn't work. You must invoke .then() somehow, and then it works.

EDIT

The paths seemed to start working after I re-installed everything. However some of the code in my template literals were somehow being pre-evaluated or something. I'll try and track down if I have time and submit an issue.

[devongovett]

yep, dynamic imports are lazy: they don't get loaded until you explicitly need them (by calling .then). See https://parceljs.org/code_splitting.html to read more about it.

[treshugart]

Right ok, that makes sense now. I was confused because webpack loads it immediately. Is parcel’s behaviour consistent with the spec?

…

On Wed, 6 Dec 2017 at 4:55 pm, Devon Govett ***@***.***> wrote: yep, dynamic imports are lazy: they don't get loaded until you explicitly need them (by calling .then). See https://parceljs.org/code_splitting.html to read more about it. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#17 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAIVbNzQgw9Yfa93fE0UDFw5g18XWVOKks5s9ixugaJpZM4Q298P> .

[jamiebuilds]

Reading the proposed spec, I don't believe this behavior is "observable" (in terms of the spec) other than maybe some equality checks on .then.

[treshugart]

Canary definitely loads up front.

[jouni-kantola]

@devongovett: What are your thoughts, should parcel allow for dynamic imports of other stuff than js/css? If not, I guess this issue can be closed.

[devongovett]

Yep, in #473 it is now possible to register custom bundler loaders for other formats in plugins etc.