Importing images from the assets folder when the path is static is not that difficult in both frameworks, Vue and Nuxt.js. But loading images with dynamic paths often confuses developers that are fairly new to one of these frameworks.

Please consider 🎗 sponsoring me 🎗 to keep writing articles like this. Build­ing a mod­ern web­site has become cus­tom appli­ca­tion devel­op­ment.

With the latest major Webpack release (version 4.x), we are at a point where you don’t need a config to get started. It is optimized by default (#0CJS!).

Vue.js is a versatile and approachable framework for building modern JavaScript applications. You can start out by simply adding a script tag with some vanilla JS. Or you can go all-in and create a modern JavaScript application with all the trimmings using a build system such as Webpack.

The book you are reading right now goes years back. It all started with a comment I made on Christian Alfoni's blog in 2014. It was when I discovered webpack and React, and I felt there was a need for a cookbook about the topics. The work began with a GitHub wiki in early 2015.

For many developers, Vue.js is the first front-end JavaScript framework they’ve learnt. If that’s true for you, you probably haven’t had a reason to learn Webpack yet.

For many developers, Vue.js is the first front-end JavaScript framework they've learnt. If that's true for you, you probably haven't had a reason to learn Webpack yet.

Webpack-dashboard has over 10 thousand stars on Github but yet I almost never encounter it. Why are we not taking advantage of this great plugin — I’m looking at you create-react-app and vue-cli ? Don’t forget you can pretend you work for NASA if someone shoulder peeks!!