It is natural to expect relative references to be resolved against the. You will be disrupted by this first issue.

Since Sass implementations don't provide url rewriting, all linked assets must be relative to the output. Writing 'style.scss' is the same as './style.scss' Problems with url(.) Webpack needs to distinguish between bootstrap and ~bootstrap because CSS and Sass files have no special syntax for importing relative files.

It's important to prepend it with only ~, because ~/ resolves to the home directory.