fixed path resolvement for css/sass

src/assets/base.sass

-@import '/src/assets/css-reset.css'
+@import '~assets/css-reset.css'
 @import url('https://fonts.googleapis.com/icon?family=Material+Icons')
 @import '~tippy.js/dist/tippy.css'
 

src/vue/charts/Boxplot.vue

@@ -389,7 +389,7 @@
 </script>
 
 <style lang="sass" scoped>
-  @import './../../../src/assets/base.sass'
+  @import '~assets/base.sass'
 
   svg
     .fjs-box

src/vue/charts/CorrelationAnalysis.vue

@@ -403,7 +403,7 @@
 
 
 <style lang="sass" scoped>
-  @import './../../../src/assets/base.sass'
+  @import '~assets/base.sass'
 
   .fjs-control-panel
     .fjs-correlation-method

src/vue/charts/Heatmap.vue

@@ -470,7 +470,8 @@
 </script>
 
 <style lang="sass" scoped>
-  @import './../../../src/assets/base.sass'
+  @import '~assets/base.sass'
+
   .fjs-control-panel
     .fjs-param-header
       text-align: center

src/vue/charts/PCA.vue

@@ -344,7 +344,7 @@
 </script>
 
 <style lang="sass" scoped>
-  @import './../../../src/assets/base.sass'
+  @import '~assets/base.sass'
 
   svg
     .fjs-loadings

src/vue/components/ControlPanel.vue

@@ -109,7 +109,7 @@
 </script>
 
 <style lang="sass" scoped>
-  @import './../../../src/assets/base.sass'
+  @import '~assets/base.sass'
 
   .fjs-control-panel
     background: rgba(0, 0, 0, 0.5)

src/vue/components/TaskView.vue

@@ -40,7 +40,7 @@
 </script>
 
 <style lang="sass" scoped>
-  @import './../../../src/assets/base.sass'
+  @import '~assets/base.sass'
 
   .fjs-task-view
     display: flex

webpack.config.js

@@ -64,7 +64,8 @@ module.exports = {
   },
   resolve: {
     alias: {
-      'vue$': 'vue/dist/vue.esm.js'
+      'vue$': 'vue/dist/vue.esm.js',
+      'assets': path.resolve(__dirname, 'src/assets')
     }
   }
 }