es en

Plugins

Herramientas externas perfectamente sincronizadas

La configuración adicional a asociar a EStack debe existir en el package.json, tu podrá asociar configuraciones de forma selectiva según script.

Rollup

EStack usa Rollup para el prosamiento de archivos de extension .js, .jsx, .ts, .tsx.

Añadiendo plugins para rollup

Estack permite inyectar plugins a Rollup, mediante el flag --js <pkg_property>, ejemplo:

{
    "scripts": {
        "dev": "estack dev src/**/*.html --js estack.dev.js",
        "build": "estack build src/**/*.html public --js estack.build.js"
    },
    "estack": {
        "dev": {
            "js": {
                "plugins": {
                    "@rollup/plugin-typescript": {
                        "tsconfig": "tsconfig.json"
                    }
                }
            }
        },
        "build": {
            "js": {
                "plugins": {
                    "@rollup/plugin-typescript": {
                        "tsconfig": "tsconfig.json"
                    },
                    "rollup-plugin-terser": {}
                }
            }
        }
    }
}

Postcss

EStack usa Postcss para el prosamiento de archivos de extension .css, por defecto EStack para postcss:

  1. Plugin @uppercod/postcss-import.

Añadiendo plugins para postcss

Estack permite inyectar plugins a Postcss, mediante el flag --css <pkg_property>, ejemplo:

{
    "scripts": {
        "dev": "estack dev src/**/*.html --css estack.dev.css",
        "build": "estack build src/**/*.html public --css estack.build.css"
    },
    "estack": {
        "dev": {
            "css": {
                "plugins": {
                    "postcss-preset-env": {}
                }
            }
        },
        "build": {
            "css": {
                "plugins": {
                    "postcss-preset-env": {},
                    "cssnano": {}
                }
            }
        }
    }
}