upgrade webpack and eslint

Author: iamraphson

.eslintrc

@@ -1,8 +1,8 @@
 {
-  "extends": "vue",
+  "extends": ["plugin:vue/recommended"],
    "rules": {
      "space-before-function-paren": [2, "never"],
       "indent": ["error",4],
       "camelcase": [2, {"properties": "never"}]
    }
-}
+}

build/webpack.dev.js

@@ -1,5 +1,8 @@
 const path = require('path')
 const webpack = require('webpack')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
+
 module.exports = {
     entry: {
         'rave': './examples/commonjs/app.js'
@@ -17,19 +20,19 @@ module.exports = {
             test: /\.js$/,
             loader: 'babel-loader',
             exclude: /node_modules/
+        }, {
+            test: /\.css$/,
+            use: [
+                'vue-style-loader',
+                'css-loader'
+            ]
         }]
     },
     plugins: [
+        new VueLoaderPlugin(),
         new webpack.LoaderOptionsPlugin({
             minimize: true,
             debug: false
-        }),
-        new webpack.optimize.UglifyJsPlugin({
-            sourceMap: true,
-            include: /\.min\.js$/,
-            compress: {
-                warnings: false
-            }
         })
     ],
     devtool: 'eval-source-map'

build/webpack.dist.js

@@ -1,5 +1,7 @@
 const path = require('path')
 const webpack = require('webpack')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
 
 module.exports = {
     entry: {
@@ -26,19 +28,52 @@ module.exports = {
             test: /\.js$/,
             loader: 'babel-loader',
             exclude: /node_modules/
+        }, {
+            test: /\.css$/,
+            use: [
+                'vue-style-loader',
+                'css-loader'
+            ]
         }]
     },
+    optimization: {
+        minimizer: [
+            new UglifyJsPlugin({
+                uglifyOptions: {
+                    output: {
+                        comments: false
+                    },
+                    compress: {
+                        unsafe_comps: true,
+                        properties: true,
+                        keep_fargs: false,
+                        pure_getters: true,
+                        collapse_vars: true,
+                        unsafe: true,
+                        warnings: false,
+                        sequences: true,
+                        dead_code: true,
+                        drop_debugger: true,
+                        comparisons: true,
+                        conditionals: true,
+                        evaluate: true,
+                        booleans: true,
+                        loops: true,
+                        unused: true,
+                        hoist_funs: true,
+                        if_return: true,
+                        join_vars: true,
+                        drop_console: true
+                    }
+                }
+            })
+        ]
+    },
     plugins: [
+        new VueLoaderPlugin(),
         new webpack.LoaderOptionsPlugin({
             minimize: true,
             debug: false
-        }),
-        new webpack.optimize.UglifyJsPlugin({
-            sourceMap: true,
-            include: /\.min\.js$/,
-            compress: {
-                warnings: false
-            }
         })
     ],
     devtool: 'source-map'

dist/rave.js

@@ -1,6 +1,6 @@
 {
   "name": "vue-ravepayment",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Vue Rave Payment Component for Vue 2.x.",
   "main": "dist/rave.min.js",
   "scripts": {
@@ -33,18 +33,21 @@
   },
   "homepage": "",
   "devDependencies": {
-    "babel-core": "^6.24.1",
-    "babel-loader": "^7.0.0",
+    "babel-core": "^6.26.3",
+    "babel-loader": "^7.1.5",
     "babel-preset-es2015": "^6.18.0",
-    "css-loader": "^0.28.1",
+    "css-loader": "^1.0.0",
+    "eslint": "^5.3.0",
     "eslint-config-vue": "^2.0.2",
-    "eslint-loader": "^1.7.1",
-    "eslint-plugin-vue": "^2.0.1",
-    "standard": "^10.0.3",
-    "vue": "^2.5.2",
-    "vue-loader": "^13.3.0",
-    "vue-template-compiler": "^2.5.2",
-    "webpack": "^3.8.1",
-    "webpack-dev-server": "^2.9.4"
+    "eslint-loader": "^2.1.0",
+    "eslint-plugin-vue": "^4.7.1",
+    "standard": "^11.0.1",
+    "uglifyjs-webpack-plugin": "^1.3.0",
+    "vue": "^2.5.17",
+    "vue-loader": "^15.3.0",
+    "vue-template-compiler": "^2.5.17",
+    "webpack": "^4.16.5",
+    "webpack-cli": "^3.1.0",
+    "webpack-dev-server": "^3.1.5"
   }
 }