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:
- 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": {}
}
}
}
}
}