add babel, update storybook and deps

Author: Steffan

.babelrc

@@ -0,0 +1,8 @@
+{
+    "presets": [
+        ["@babel/preset-env", {
+            "loose": true,
+            "modules": false
+        }]
+    ]
+}

.storybook/webpack.config.js

@@ -1,23 +1,9 @@
 const path = require('path');
-const VueLoaderPlugin = require('vue-loader/lib/plugin')
 
 module.exports = (baseConfig, configType, config) => {
 
-    // remove babel-loader
-    config.module.rules.shift();
-
-    // add buble-loader
-    config.module.rules.unshift({
-        test: /\.js$/,
-        exclude: /node_modules/,
-        use: 'buble-loader'
-    });
-
     // add alias
     config.resolve.alias['vue-event-manager'] = path.resolve(__dirname, '../src')
 
-    // https://github.com/storybooks/storybook/issues/3267
-    config.plugins.push(new VueLoaderPlugin());
-
     return config;
 };

build/build.js

@@ -4,7 +4,7 @@ const fs = require('fs');
 const zlib = require('zlib');
 const rollup = require('rollup');
 const uglify = require('uglify-js');
-const buble = require('rollup-plugin-buble');
+const babel = require('rollup-plugin-babel');
 const replace = require('rollup-plugin-replace');
 const {name, version, homepage} = require('../package.json');
 const banner =
@@ -16,7 +16,7 @@ const banner =
 
 rollup.rollup({
     input: 'src/index.js',
-    plugins: [buble(), replace({__VERSION__: version})]
+    plugins: [babel(), replace({__VERSION__: version})]
 })
 .then(bundle =>
     bundle.generate({

package.json

@@ -24,33 +24,33 @@
     "karma": "karma start test/karma.conf.js --single-run",
     "build": "node ./build/build.js",
     "release": "node ./build/release.js",
-    "webpack": "webpack",
     "eslint": "eslint .",
     "eslint-fix": "eslint . --fix",
     "storybook": "start-storybook -c .storybook -p 9001"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^3.4.10",
-    "@storybook/vue": "^3.4.10",
-    "buble": "^0.19.3",
-    "buble-loader": "^0.5.1",
-    "eslint": "^5.5.0",
-    "jasmine": "^3.1.0",
-    "jasmine-core": "^3.2.1",
-    "karma": "^2.0.0",
+    "@babel/core": "^7.1.6",
+    "@babel/preset-env": "^7.1.6",
+    "@storybook/addon-actions": "^4.0.9",
+    "@storybook/vue": "^4.0.9",
+    "babel-loader": "^8.0.4",
+    "babel-preset-vue": "^2.0.2",
+    "eslint": "^5.9.0",
+    "jasmine": "^3.3.0",
+    "jasmine-core": "^3.3.0",
+    "karma": "^3.1.1",
     "karma-chrome-launcher": "^2.2.0",
     "karma-firefox-launcher": "^1.1.0",
-    "karma-jasmine": "^1.1.1",
+    "karma-jasmine": "^2.0.1",
     "karma-safari-launcher": "^1.0.0",
-    "karma-webpack": "^2.0.9",
+    "karma-webpack": "^3.0.5",
     "replace-in-file": "^3.4.2",
-    "rollup": "^0.65.2",
-    "rollup-plugin-buble": "^0.19.2",
-    "rollup-plugin-replace": "^2.0.0",
+    "rollup": "^0.67.3",
+    "rollup-plugin-babel": "^4.0.3",
+    "rollup-plugin-replace": "^2.1.0",
     "uglify-js": "^3.4.9",
     "vue": "^2.5.17",
-    "vue-loader": "^15.4.1",
-    "vue-template-compiler": "^2.5.17",
-    "webpack": "^3.10.0"
+    "vue-loader": "^15.4.2",
+    "vue-template-compiler": "^2.5.17"
   }
 }

webpack.config.js

@@ -2,6 +2,8 @@
 
 module.exports = {
 
+    mode: 'production',
+
     entry: {
         'test/specs': './test/index',
     },
@@ -21,7 +23,7 @@ module.exports = {
             {
                 test: /\.js$/,
                 exclude: /node_modules/,
-                use: 'buble-loader'
+                use: 'babel-loader'
             }
         ]
     }