Add todos, move config

client/build/vue-loader.conf.js

@@ -7,16 +7,12 @@ const sourceMapEnabled = isProduction
   : config.dev.cssSourceMap
 
 module.exports = {
-  loaders: utils.cssLoaders({
+  // loaders: utils.cssLoaders({
-    sourceMap: sourceMapEnabled,
+  //   sourceMap: sourceMapEnabled,
-    extract: isProduction
+  //   todo: need that?
-  }),
+  //   extract: isProduction
-  cssSourceMap: sourceMapEnabled,
+  // }),
-  cacheBusting: config.dev.cacheBusting,
+  // cssSourceMap: sourceMapEnabled,
-  transformToRequire: {
+  // cacheBusting: config.dev.cacheBusting,
-    video: ['src', 'poster'],
+
-    source: 'src',
-    img: 'src',
-    image: 'xlink:href'
-  }
 }

client/build/webpack.base.conf.js

@@ -21,6 +21,8 @@ const createLintingRule = () => ({
   }
 })
 
+//todo on monday: mini-css-extract-plugin?
+//https://github.com/webpack-contrib/mini-css-extract-plugin
 //todo: do we need postcss?
 module.exports = {
   context: path.resolve(__dirname, '../'),
@@ -47,7 +49,14 @@ module.exports = {
       {
         test: /\.vue$/,
         loader: 'vue-loader',
-        options: vueLoaderConfig
+        options: {
+          transformAssetUrls: {
+            video: ['src', 'poster'],
+            source: 'src',
+            img: 'src',
+            image: 'xlink:href'
+          }
+        }
       },
       {
         test: /\.js$/,