Framer Bundle Minifier

Minify Framer X exported index.html

Motivation

Before we've tried using this libraries:
1. HTML Minifier is freezing with enabled UglifyJS +
it brokes styles. Also we can’t configure Clean CSS + UglifyJS.

2. HTMLNano also not works:
``
Error: SyntaxError: Unexpected token: operator (<)
`

How use it?

$3

1. Just import minify from @eigenspace/framer-bundle-minifier
2. Pass your index.html content into minify function
3. Get your minified version of content

$3

Type the following in terminal: \
/node_modules/@eigenspace/framer-bundle-minifier/index.js --from=index.html --to=index.min.html

Where:
1. «from» is a required parameter
2. «to» is optional. By default set as .min.html.

$3

https://github.com/eigen-space/framer-bundle-minifier/issues/1/

1. Install @eigenspace/framer-bundle-minifier globally:
* for yarn:
yarn global add @eigenspace/framer-bundle-minifier

* for npm:
npm install --global @eigenspace/framer-bundle-minifier

2. Call script with your input and output paths: \
@eigenspace/framer-bundle-minifier --i=index.html --o=index.min.html



Why do we have that dependencies?

* @eigenspace/argument-parser - get arguments from user input in terminal.
* clean-css - CSS minifier.
* uglify-es - JavaScript minifier.

Why do we have that dev dependencies?

@types/ - contains type definitions for specific library.
* @eigenspace/eslint-config-codestyle - project with eslint config files.
* @eigenspace/helper-scripts - common scripts for dev. environment.
* eslint - it checks code for readability, maintainability, and functionality errors.
* @eigenspace/codestyle - includes lint rules, config for typescript.
* husky - used for configure git hooks.
* lint-staged - used for configure linters against staged git files.
* typescript` - is a superset of JavaScript that have static type-checking and ECMAScript features.