[enhancement] Add package.json script to minify

[AlexJSully]

Add a script in package.json for minifying the JavaScript files used in the eFP-Seq Browser. The minification process should prioritize compatibility with older browsers (e.g., Safari 10) without mangling parameter variables, function names, or class names.

Requirements:

• Use either Babel or Webpack for the minification process.
• Focus on ease of use: the script should be run from package.json with a single command for simplicity.
• Ensure strong compatibility with older browsers (such as Safari 10).
• Avoid renaming or mangling parameter variables, function names, or class names.

Comparison: Babel vs. Webpack:

1. Babel:

• Pros:
  • Simple and lightweight.
  • Ideal for transpiling modern JavaScript (ES6+) to support older browsers.
  • Can be easily set up with a minify plugin, like babel-minify, through a single script in package.json.
• Cons:
  • May require additional setup for bundling or more complex tasks (i.e., Babel is primarily for transpiling and may need a separate bundler).
• Best for: Projects focused on compatibility with old browsers where you only need transpiling and minification with minimal overhead.

1. Webpack:

• Pros:
  • More powerful, with built-in support for minification, bundling, and handling complex workflows.
  • Can handle a range of tasks like bundling multiple files and optimizing output size.
• Cons:
  • More complex setup compared to Babel.
  • Overkill if you only need simple minification and old browser compatibility.
• Best for: Projects needing complex build processes beyond simple minification and compatibility adjustments.

Recommendation:

For ease of use and the focus on older browser compatibility (e.g., Safari 10), Babel is recommended. It allows you to transpile and minify the code with minimal configuration. We can add a single script in package.json using the babel-minify plugin to achieve this.

Example Script:
"scripts": {"minify": "babel src --out-dir dist --presets=@babel/preset-env --plugins=babel-plugin-minify"}