IE11 compatibility

.gitignore

@@ -1,2 +1,3 @@
 node_modules/
-yarn-error.log
+yarn-error.log
+*.idea/

.npmignore

@@ -1,7 +1,4 @@
 demo.gif
 index.html
-yarn.lock
-yarn-error.log
-.eslintrc.js
 .gitignore
 config/*

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  "presets": [
+    "@babel/preset-env"
+  ],
+}

config/webpack.config.base.js

@@ -1,41 +1,48 @@
-var webpack = require('webpack')
-var ExtractTextPlugin = require('extract-text-webpack-plugin')
+const webpack = require('webpack')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
 
-var outputFile = 'vue-page-transition'
+const outputFile = 'vue-page-transition'
 
-var config = require('../package.json')
+const config = require('../package.json')
 
 module.exports = {
   entry: './src/index.js',
   module: {
     rules: [
       {
-        enforce: 'pre',
-        test: /\.(js|vue)$/,
-        loader: 'eslint-loader',
+        test: /.js$/,
+        use: 'babel-loader',
         exclude: /node_modules/,
       },
       {
-        test: /.js$/,
-        use: 'babel-loader',
+        test: /\.(scss|css)$/,
+        use: [
+          process.env.NODE_ENV !== 'production'
+              ? 'vue-style-loader'
+              : MiniCssExtractPlugin.loader,
+          'css-loader',
+          'sass-loader'
+        ]
       },
       {
         test: /\.vue$/,
-        loader: 'vue-loader',
-        options: {
-          loaders: {
-            css: ExtractTextPlugin.extract('css-loader'),
-            sass: ExtractTextPlugin.extract('css-loader!sass-loader'),
-            scss: ExtractTextPlugin.extract('css-loader!sass-loader'),
-          },
-        },
-      },
+        loader: 'vue-loader'
+      }
     ],
   },
   plugins: [
     new webpack.DefinePlugin({
       'VERSION': JSON.stringify(config.version),
     }),
-    new ExtractTextPlugin(outputFile + '.css'),
+    new MiniCssExtractPlugin({
+      filename: outputFile + '.css'
+    }),
+    new VueLoaderPlugin(),
   ],
+  resolve: {
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+    },
+  },
 }

config/webpack.config.browser.js

@@ -1,10 +1,10 @@
-var webpack = require('webpack')
-var merge = require('webpack-merge')
-var base = require('./webpack.config.base')
-var path = require('path')
+const { merge } = require('webpack-merge')
+const base = require('./webpack.config.base')
+const path = require('path')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
 
-var outputFile = 'vue-page-transition'
-var globalName = 'VuePageTransition'
+const outputFile = 'vue-page-transition'
+const globalName = 'VuePageTransition'
 
 module.exports = merge(base, {
   output: {
@@ -18,12 +18,22 @@ module.exports = merge(base, {
     // With their global name
     // Example: 'lodash': '_'
   },
-  plugins: [
-    new webpack.optimize.UglifyJsPlugin({
-      compress: {
-        warnings: true,
-      },
-      mangle: false,
-    }),
-  ],
-})
+  optimization: {
+    minimizer: [
+      new UglifyJsPlugin({
+        uglifyOptions: {
+          ecma: 5,
+          ie8: false,
+          warnings: false,
+          parse: {},
+          compress: {},
+          mangle: true,
+          keep_fnames: true,
+          output: null,
+          toplevel: false,
+          nameCache: null,
+        },
+      })
+    ],
+  },
+})

config/webpack.config.common.js

@@ -1,28 +1,18 @@
-var webpack = require('webpack')
-var merge = require('webpack-merge')
-var base = require('./webpack.config.base')
-var path = require('path')
+const { merge } = require('webpack-merge')
+const base = require('./webpack.config.base')
+const path = require('path')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
 
-var outputFile = 'vue-page-transition'
+const outputFile = 'vue-page-transition'
 
 module.exports = merge(base, {
   output: {
     path: path.resolve(__dirname, '../dist'),
     filename: outputFile + '.common.js',
     libraryTarget: 'commonjs2',
   },
-  target: 'node',
-  externals: {
-    // Put external libraries like lodash here
-    // With their package name
-    // Example: 'lodash': 'lodash'
-  },
-  plugins: [
-    new webpack.optimize.UglifyJsPlugin({
-      compress: {
-        warnings: true,
-      },
-      mangle: false,
-    }),
-  ],
+  //target: 'node',
+  optimization: {
+    minimize: true
+  }
 })

config/webpack.config.dev.js

@@ -1,9 +1,9 @@
-var merge = require('webpack-merge')
-var base = require('./webpack.config.base')
-var path = require('path')
+const { merge } = require('webpack-merge')
+const base = require('./webpack.config.base')
+const path = require('path')
 
-var outputFile = 'vue-page-transition'
-var globalName = 'VuePageTransition'
+const outputFile = 'vue-page-transition'
+const globalName = 'VuePageTransition'
 
 module.exports = merge(base, {
   output: {