Minify Framer X exported index.html
npm install @eigenspace/framer-bundle-minifierMinify Framer X exported index.html
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 (<)
1. Just import minify from @eigenspace/framer-bundle-minifierindex.html
2. Pass your content into minify function
3. Get your minified version of content
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 .
https://github.com/eigen-space/framer-bundle-minifier/issues/1/
1. Install @eigenspace/framer-bundle-minifier globally: yarn global add @eigenspace/framer-bundle-minifier
* for yarn:
npm install --global @eigenspace/framer-bundle-minifier
* for npm:
@eigenspace/framer-bundle-minifier --i=index.html --o=index.min.html
2. Call script with your input and output paths: \
Why do we have that dependencies?
* @eigenspace/argument-parser - get arguments from user input in terminal.clean-css
* - CSS minifier.uglify-es
* - JavaScript minifier.
@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.
*