refactoring build

.babelrc

@@ -1,3 +1,10 @@
 {
-  "presets": ["es2015"]
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "modules": false
+      }
+    ]
+  ]
 }

build/rollup.config.js

@@ -1,32 +1,27 @@
-import fs from 'fs';
 import vue from 'rollup-plugin-vue';
+import postcss from 'rollup-plugin-postcss';
 import babel from 'rollup-plugin-babel';
-import {uglify} from 'rollup-plugin-uglify';
+import {terser} from 'rollup-plugin-terser';
+
+const isProduction = process.env.NODE_ENV === 'production';
 
 export default {
   input: 'src/index.js',
   output: {
-    file: process.env.NODE_ENV === 'production' ? 'dist/js/vue-popper.min.js' : 'dist/js/vue-popper.js',
+    file: isProduction ? 'dist/js/vue-popper.min.js' : 'dist/js/vue-popper.js',
     format: 'umd',
     name: 'VuePopper',
   },
   plugins: [
+    postcss({ extract: true }),
     vue({
-      css (style, styles, compiler) {
-        fs.writeFileSync('dist/css/vue-popper.css', style)
-      }
+      template: { optimizeSSR: true },
+      css: false,
     }),
     babel({
-      babelrc: false,
       runtimeHelpers: true,
       externalHelpers: false,
-      exclude: 'node_modules/**',
-      presets: [['es2015', {'modules': false}]],
-      plugins: [
-        'transform-object-assign',
-        'external-helpers'
-      ]
     }),
-    (process.env.NODE_ENV === 'production' && uglify())
+    (isProduction && terser())
   ],
 };

dist/css/vue-popper.css → dist/js/vue-popper.css

@@ -16,19 +16,16 @@
   -webkit-box-shadow: rgb(58, 58, 58) 0 0 6px 0;
   box-shadow: rgb(58, 58, 58) 0 0 6px 0;
 }
-
 .popper .popper__arrow {
   width: 0;
   height: 0;
   border-style: solid;
   position: absolute;
   margin: 5px;
 }
-
 .popper[x-placement^="top"] {
   margin-bottom: 5px;
 }
-
 .popper[x-placement^="top"] .popper__arrow {
   border-width: 5px 5px 0 5px;
   border-color: #fafafa transparent transparent transparent;
@@ -37,11 +34,9 @@
   margin-top: 0;
   margin-bottom: 0;
 }
-
 .popper[x-placement^="bottom"] {
   margin-top: 5px;
 }
-
 .popper[x-placement^="bottom"] .popper__arrow {
   border-width: 0 5px 5px 5px;
   border-color: transparent transparent #fafafa transparent;
@@ -50,11 +45,9 @@
   margin-top: 0;
   margin-bottom: 0;
 }
-
 .popper[x-placement^="right"] {
   margin-left: 5px;
 }
-
 .popper[x-placement^="right"] .popper__arrow {
   border-width: 5px 5px 5px 0;
   border-color: transparent #fafafa transparent transparent;
@@ -63,11 +56,9 @@
   margin-left: 0;
   margin-right: 0;
 }
-
 .popper[x-placement^="left"] {
   margin-right: 5px;
 }
-
 .popper[x-placement^="left"] .popper__arrow {
   border-width: 5px 0 5px 5px;
   border-color: transparent transparent transparent #fafafa;
@@ -76,4 +67,3 @@
   margin-left: 0;
   margin-right: 0;
 }
-

package.json

@@ -48,18 +48,14 @@
     "popper.js": "^1.14.6"
   },
   "devDependencies": {
-    "babel-core": "^6.26.3",
-    "babel-plugin-external-helpers": "^6.22.0",
-    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
-    "babel-plugin-transform-object-assign": "^6.22.0",
-    "babel-polyfill": "^6.26.0",
-    "babel-preset-es2015": "^6.24.1",
-    "babel-register": "^6.26.0",
+    "@babel/core": "^7.2.2",
+    "@babel/preset-env": "^7.2.3",
     "eslint": "^5.12.0",
     "rollup": "^1.1.0",
-    "rollup-plugin-babel": "3.0.7",
-    "rollup-plugin-uglify": "^6.0.1",
-    "rollup-plugin-vue": "4.3.1",
+    "rollup-plugin-babel": "4.3.0",
+    "rollup-plugin-postcss": "^1.6.3",
+    "rollup-plugin-terser": "^4.0.2",
+    "rollup-plugin-vue": "4.6.1",
     "vue-template-compiler": "2.5.22"
   }
 }