Migrate to vue rollup for building

Author: greghub

.browserslistrc

@@ -0,0 +1,54 @@
+// rollup.config.js
+import vue from 'rollup-plugin-vue';
+import buble from 'rollup-plugin-buble';
+import commonjs from 'rollup-plugin-commonjs';
+import replace from 'rollup-plugin-replace';
+import { terser } from 'rollup-plugin-terser';
+import minimist from 'minimist';
+
+const argv = minimist(process.argv.slice(2));
+
+const config = {
+ input: 'src/entry.js',
+ output: {
+ name: 'VueFunnelGraph',
+ exports: 'named',
+ globals: {
+ 'polymorph-js': 'interpolate',
+ '@tweenjs/tween.js': 'TWEEN',
+ 'funnel-graph-js': 'FunnelGraph',
+ 'funnel-graph-js/src/js/number': 'formatNumber',
+ 'funnel-graph-js/src/js/graph': 'getDefaultColors'
+ }
+ },
+ external: [
+ '@tweenjs/tween.js',
+ 'polymorph-js',
+ 'funnel-graph-js',
+ 'funnel-graph-js/src/js/number',
+ 'funnel-graph-js/src/js/graph',
+ 'funnel-graph-js/src/scss/main.scss',
+ 'funnel-graph-js/src/scss/theme.scss'
+ ],
+ plugins: [
+ replace({
+ 'process.env.NODE_ENV': JSON.stringify('production'),
+ }),
+ commonjs(),
+ vue({
+ css: true,
+ compileTemplate: true,
+ template: {
+ isProduction: true,
+ },
+ }),
+ buble(),
+ ],
+};
+
+// Only minify browser (iife) version
+if (argv.format === 'iife') {
+ config.plugins.push(terser());
+}
+
+export default config;