JavaScript Webpack issues

Question

So in NodeJS, I’ve installed Webpack, but I’m also using Babel to transpile my new code into older versions. I’m having trouble getting webpack to execute my javascript import statements, but babel works great. Does anyone have some tips for like how to make webpack config file or how to get webpack to run before babel? Any help or tips would be greatly appreciated, I’m pretty new to NodeJS and the express NodeJS framework.

Answer 1

We need to build setup for webpack to run well, it's overwhelming for a lots of beginners.

You should try to use parcel.js, it's much easy to setup, it would likely to replace webpack later.

If you interested on Parcel, check out this video, an easy to kick start tutorial.
https://youtu.be/b-6BeS-22yw

Answer 2

try parcel

Answer 3

Yes, you would.. just check out the video, i think you would like to use Parcel instead of webpack.

Answer 4

One thing to keep in mind when using Parcel:
run command: parcel index.html
Not parcel, which demo on the tutorial.

Answer 5

The youtuber also has great React tutorials.

Answer 6

Calviղ that tutorial is surprisingly good! I’m glad it covers react too, I may hop into that sometime too. Thank you, now I just need to work on getting it all to work in Webstorm

Answer 7

Calviղ I will definitely check em out, I’m currently starting to learn tensorflowjs btw, that’s why I’m jumping into all this haha Glad to see someone experienced on here

Answer 8

thank you Calviղ I can look into parcel, the libraries I want to use mentioned it, but my friend recommended webpack lol Would I still creat a bundle.js file and such for all the files I need?

Answer 9

thank you for the tutorial too!

Answer 10

hmhm

Answer 11

thanx very much