New Power Manual

    @eigenspace/framer-bundle-minifier
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.1930 • Public • Published

    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?

    From code

    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

    From project

    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 <from-name>.min.html.

    TODO: From OS

    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.

    Keywords

    none

    Install

    npm i @eigenspace/framer-bundle-minifier

    DownloadsWeekly Downloads

    2,238

    Version

    0.0.1930

    License

    MIT

    Unpacked Size

    133 kB

    Total Files

    9

    Last publish

    Collaborators

    • eigenspace