v-ingredients/build/rollup.config.js

Reusable Components

import vue from 'rollup-plugin-vue'; // Handle .vue SFC files
import scss from 'rollup-plugin-scss'
import babel from 'rollup-plugin-babel';
import buble from '@rollup/plugin-buble'; // Transpile/polyfill with reasonable browser support
import commonjs from '@rollup/plugin-commonjs'; // Convert CommonJS modules to ES6
import typescript from 'rollup-plugin-typescript';
import resolve from 'rollup-plugin-node-resolve'
import image from '@rollup/plugin-image';

export default {
    input: 'src/index.js', // Path relative to package.json
    output: {
        name: 'ingredients',
        exports: 'named',
        globals: {
            'vue': 'Vue'
        }
    },
    plugins: [
        resolve({
            browser: true,
        }),
        babel({
            babelrc: false,
            "presets": [
                [
                    "@babel/env",
                    {
                        "modules": false,
                        "useBuiltIns": "entry",
                        "corejs": 2
                    }
                ]
            ]
        }),
        image({
            dom: false
        }),
        typescript(),
        scss(),
        commonjs(),
        vue({
            css: false, // Dynamically inject css as a <style> tag
            // compileTemplate: true, // Explicitly convert template to render function
            template: {
                optimizeSSR: false
            }
        }),
        buble({
            transforms: {
                asyncAwait: false
            }
        }), // Transpile to ES5
    ],
    external: ['vue']
};