Sass-loader minify working

src/assets/styles/index.scss

@@ -1,6 +1,6 @@
 @import 'spec/settings/index';
 @import 'spec/tools/index';
-@import "~bootstrap/scss/bootstrap";
+@import "bootstrap/scss/bootstrap";
 @import 'spec/index';
 @import 'vendor/index';
 

src/assets/styles/spec/settings/index.scss

@@ -1,6 +1,6 @@
 @import 'breakpoints';
 @import 'fonts';
-@import '~brand-colors/dist/latest/scss/brand-colors.latest.scss';
+@import 'brand-colors/dist/latest/scss/brand-colors.latest.scss';
 @import 'materialColors';
 @import 'baseColors';
 @import 'borders';

src/assets/styles/vendor/index.scss

@@ -1,4 +1,4 @@
-@import '~perfect-scrollbar/css/perfect-scrollbar';
+@import 'perfect-scrollbar/css/perfect-scrollbar';
 @import 'themify-icons';
 @import 'font-awesome';
 @import 'perfectScrollbar';

webpack/rules/sass.js

@@ -48,6 +48,7 @@ const loaders = [
     options: {
       sourceMap: manifest.IS_DEVELOPMENT,
       sassOptions: {
+        outputStyle: manifest.MINIFY ? 'compressed' : 'expanded',
         includePaths: [
           path.join('../../', 'node_modules'),
           path.join(manifest.paths.src, 'assets', 'styles'),