chore: upgrade deps

Author: Guillaume Chau

docs-src/.postcssrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    'autoprefixer': {},
+  },
+}

docs-src/package.json

@@ -20,10 +20,11 @@
     "cross-env": "^5.0.0",
     "css-loader": "^0.28.0",
     "file-loader": "^1.1.0",
-    "style-loader": "^0.19.0",
-    "vue-loader": "^13.0.0",
+    "postcss-loader": "^2.1.5",
+    "vue-loader": "^15.2.0",
     "vue-template-compiler": "^2.1.0",
-    "webpack": "^3.8.0",
-    "webpack-dev-server": "^2.9.3"
+    "webpack": "^4.10.0",
+    "webpack-cli": "^2.1.5",
+    "webpack-dev-server": "^3.1.0"
   }
 }

docs-src/webpack.config.js

@@ -1,80 +1,78 @@
-var path = require('path')
-var webpack = require('webpack')
+const path = require('path')
+const webpack = require('webpack')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
 
 module.exports = {
+  mode: 'development',
   entry: './src/main.js',
   output: {
     path: path.resolve(__dirname, '../docs'),
     publicPath: '/',
-    filename: 'build.js'
+    filename: 'build.js',
   },
   module: {
     rules: [
       {
         test: /\.vue$/,
         loader: 'vue-loader',
-        options: {
-          loaders: {
-            // Since sass-loader (weirdly) has SCSS as its default parse mode, we map
-            // the "scss" and "sass" values for the lang attribute to the right configs here.
-            // other preprocessors should work out of the box, no loader config like this nessessary.
-            'scss': 'vue-style-loader!css-loader!sass-loader',
-            'sass': 'vue-style-loader!css-loader!sass-loader?indentedSyntax'
-          }
-          // other vue-loader options go here
-        }
       },
       {
         test: /\.js$/,
         loader: 'babel-loader',
-        exclude: /node_modules/
+        exclude: /node_modules/,
       },
       {
         test: /\.(png|jpg|gif|svg)$/,
         loader: 'file-loader',
         options: {
-          name: '[name].[ext]?[hash]'
-        }
+          name: '[name].[ext]?[hash]',
+        },
       },
       {
         test: /\.css$/,
-        loader: 'style-loader!css-loader'
-      }
-    ]
+        use: [
+          'vue-style-loader',
+          'css-loader',
+          {
+            loader: 'postcss-loader',
+            options: {
+              config: {
+                path: path.resolve(__dirname, '.postcssrc.js'),
+              },
+            },
+          },
+        ],
+      },
+    ],
   },
   resolve: {
     alias: {
-      'vue$': 'vue/dist/vue.common.js'
-    }
+      'vue$': 'vue/dist/vue.common.js',
+    },
   },
+  plugins: [
+    new VueLoaderPlugin(),
+  ],
   devServer: {
     historyApiFallback: true,
     noInfo: true,
-    contentBase: path.join(__dirname, "..", "docs"),
+    contentBase: path.join(__dirname, '..', 'docs'),
   },
   performance: {
-    hints: false
+    hints: false,
   },
-  devtool: '#eval-source-map'
+  devtool: '#eval-source-map',
 }
 
 if (process.env.NODE_ENV === 'production') {
+  module.exports.mode = 'production'
   module.exports.devtool = '#source-map'
   // http://vue-loader.vuejs.org/en/workflow/production.html
   module.exports.plugins = (module.exports.plugins || []).concat([
     new webpack.DefinePlugin({
       'process.env': {
-        NODE_ENV: '"production"'
-      }
-    }),
-    new webpack.optimize.UglifyJsPlugin({
-      sourceMap: true,
-      compress: {
-        warnings: false
-      }
+        NODE_ENV: '"production"',
+      },
     }),
-    new webpack.LoaderOptionsPlugin({
-      minimize: true
-    })
   ])
 }