Updated webpack & babel to latest (#371)

* Updated webpack & bable to latest * Added missing packages
euvl · Dec 6, 2018 · 07822e0 · 07822e0
1 parent 3c4b4fb
commit 07822e0
Show file tree

Hide file tree

Showing 27 changed files with 14,169 additions and 27,762 deletions.
diff --git a/.babelrc b/.babelrc
diff --git a/babel.config.js b/babel.config.js
@@ -0,0 +1,11 @@
+module.exports = function (babel) {
+  babel.cache(true);
+
+  return {
+    "presets": ["@babel/preset-env"],
+    "comments": false,
+    "plugins": [
+      "@babel/plugin-proposal-object-rest-spread"
+    ]
+  }
+}
diff --git a/build/webpack.base.config.js b/build/webpack.base.config.js
@@ -1,14 +1,25 @@
 const path = require('path')
-const webpack = require('webpack')
-const UglifyJSPlugin = require('uglifyjs-webpack-plugin')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin")
+const { VueLoaderPlugin } = require('vue-loader')
 
 module.exports = {
+  mode: 'production',
   entry: path.resolve(__dirname, '../src/index.js'),
   output: {
+    library: 'vue-js-modal',
+    libraryTarget: 'umd',
     path: path.resolve(__dirname, '../dist'),
     publicPath: '/dist/',
-    library: 'vue-js-modal',
-    libraryTarget: 'umd'
+  },
+  optimization: {
+    minimizer: [
+      new UglifyJsPlugin({
+        cache: true,
+        parallel: true
+      }),
+      new OptimizeCSSAssetsPlugin({})
+    ]
   },
   module: {
     rules: [
@@ -20,18 +31,17 @@ module.exports = {
         test: /\.js$/,
         loader: 'babel-loader',
         exclude: /node_modules/
+      },
+      {
+        test: /\.css$/,
+        use: [
+          'vue-style-loader',
+          'css-loader'
+        ]
       }
     ]
   },
   plugins: [
-    new webpack.DefinePlugin({
-      'process.env': {
-        'NODE_ENV': JSON.stringify('production'),
-      }
-    }),
-    new UglifyJSPlugin({
-      mangle: false,
-      beautify: true
-    })
+    new VueLoaderPlugin()
   ]
 }
diff --git a/build/webpack.ssr-no-css.config.js b/build/webpack.ssr-no-css.config.js
@@ -1,9 +1,10 @@
 const path = require('path')
-const webpack = require('webpack')
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
-const UglifyJSPlugin = require('uglifyjs-webpack-plugin')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+const MiniCssExtractPlugin = require("mini-css-extract-plugin")
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
 
 module.exports = {
+  mode: 'production',
   target: 'node',
   entry: path.resolve(__dirname, '../src/index.js'),
   output: {
@@ -13,37 +14,38 @@ module.exports = {
     libraryTarget: 'umd',
     filename: 'ssr.nocss.js'
   },
+  optimization: {
+    minimizer: [
+      new UglifyJsPlugin({
+        cache: true,
+        parallel: true
+      })
+    ]
+  },
   module: {
     rules: [
       {
         test: /\.vue$/,
         loader: 'vue-loader',
-        options: {
-          loaders: {
-            css: ExtractTextPlugin.extract({
-              use: 'css-loader',
-              fallback: 'vue-style-loader'
-            })
-          }
-        }
       },
       {
         test: /\.js$/,
         loader: 'babel-loader',
         exclude: /node_modules/
+      },
+      {
+        test: /\.css$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          'css-loader'
+        ]
       }
     ]
   },
   plugins: [
-    new webpack.DefinePlugin({
-      'process.env': {
-        NODE_ENV: JSON.stringify('production')
-      }
-    }),
-    new UglifyJSPlugin({
-      mangle: false,
-      beautify: true
-    }),
-    new ExtractTextPlugin('styles.css')
+    new VueLoaderPlugin(),
+    new MiniCssExtractPlugin({
+      filename: "styles.css",
+    })
   ]
 }