Reduce size of bundle


#1

Hi everyone,

I have built for my own text editor, I use Rollup for bundling. and the bundle size after minified was about 207KB.

Is it posible to build smaller bundle size?

Here is my rollup.config.js file

import babel from 'rollup-plugin-babel';
import buble from 'rollup-plugin-buble';
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import { uglify } from 'rollup-plugin-uglify';

export default {
    input: "./src/index.js",
    output: {
        file: "dist/index.js",
        format: "umd",
        name: "ProseEditor",
        // sourcemap: true,
    },
    plugins: [
        babel({
            exclude: 'node_modules/**'
        }),
        resolve(),
        commonjs(),
        uglify(),
        buble()
    ],
    // external(id) { return !/^[\.\/]/.test(id) }
}

Thank Marijn for this great tool.


#2

The size of the bundle is going to depend more on how much your scripts import than on the rollup config. 207kb minified sounds about right for the core library. The base script I’m using in the examples on the website is 227kb minified.


#3

Thank for your replay.