Fixes

Author: subotkevic

.babelrc

@@ -1,7 +1,6 @@
 {
   "presets": [
-    ["es2015", { "modules": false }], 
-    "stage-2"
+    "@babel/preset-env"
   ],
   "comments": false
 }

config/rules/babel.js

@@ -1,5 +1,7 @@
 module.exports = {
   test: /\.js$/,
   exclude: /node_modules/,
-  loader: 'babel-loader'
+  use: {
+    loader: "babel-loader"
+  }
 }

config/rules/css.js

@@ -0,0 +1,7 @@
+module.exports = {
+  test: /\.css$/,
+  use: [
+    'vue-style-loader',
+    'css-loader'
+  ]
+}

config/webpack.dev.config.js

@@ -1,7 +1,9 @@
 const webpack = require('webpack')
 const babel = require('./rules/babel')
 const vue = require('./rules/vue')
+const css = require('./rules/css')
 const path = require('path')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
 
 module.exports = {
   entry: './src/index.js',
@@ -11,7 +13,9 @@ module.exports = {
     filename: 'vue-progressive-image.js'
   },
   module: {
-    rules: [babel, vue]
+    rules: [babel, vue, css]
   },
-  plugins: []
+  plugins: [
+    new VueLoaderPlugin()
+  ]
 }

config/webpack.prod.config.js

@@ -2,13 +2,29 @@ var webpack = require('webpack')
 var webpackDevConfig = require('./webpack.dev.config')
 var vue = require('./rules/vue')
 var merge = require('webpack-merge')
-var CompressionPlugin = require("compression-webpack-plugin")
 var banner = require('./banner')
 
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
+const CompressionPlugin = require('compression-webpack-plugin');
+
 module.exports = merge.smart({}, webpackDevConfig, {
   module: {
     rules: [vue]
   },
+  optimization: {
+    minimizer: [
+      new UglifyJsPlugin({
+        uglifyOptions: {
+          compress: {
+            warnings: false,
+            drop_console: false
+          },
+          comments: false,
+          minimize: false
+        },
+      }),
+    ],
+  },
   plugins: [
     new webpack.DefinePlugin({
       'process.env': {
@@ -21,17 +37,8 @@ module.exports = merge.smart({}, webpackDevConfig, {
       minimize: true
     }),
 
-    new webpack.optimize.UglifyJsPlugin({
-      compress: {
-        warnings: false,
-        drop_console: false
-      },
-      comments: false,
-      minimize: false
-    }),
-
     new CompressionPlugin({
-      asset: '[path].gz[query]',
+      filename: '[path].gz[query]',
       algorithm: 'gzip',
       test: /\.js$|\.html$/,
       threshold: 10240,