How Does Css Loader Resolve Resources In Webpack

I was learning about css-loader in webpack, the defination says that The css-loader interprets @import and url() like import/require()and will resolve them. What does it mean, In

Solution 1:

please read about css-loader resolve urls https://webpack.js.org/loaders/css-loader/#url

if its just about understanding, webpack is fully js based. that means there have to be a way to check does the file exist, copy file or step in further actions. in the endfile it's simply css syntax with 'replaced/resolved' URL.

background:url('wp-content/themes/yours/assets/image.png');

check also https://www.npmjs.com/package/resolve-url-loader