It is often the case that a group or "tree" of documents has been constructed to serve a common purpose, wherein the vast majority of URI references in these documents point to resources within the tree rather than outside it. Similarly, documents located at a particular site are much more likely to refer to other resources at that site than to resources at remote sites. Relative referencing of URIs allows document trees to be partially independent of their location and access scheme.

Relative referencing of URIs allows document trees to be partially independent of their location and access scheme.

git diff --relative will print paths from the dir you are in.

Since Sass implementations don't provide url rewriting, all linked assets must be relative to the output.

The sass-loader uses Sass's custom importer feature to pass all queries to the Webpack resolving engine. Thus you can import your Sass modules from node_modules. Just prepend them with a ~ to tell Webpack that this is not a relative import: @import '~bootstrap';

Since Sass/libsass does not provide url rewriting, all linked assets must be relative to the output. Add the missing url rewriting using the resolve-url-loader.

// ~ to tell that this is not a relative import @import '~bootstrap/dist/css/bootstrap'