'cause dev's are not designers
const presets = [
[
"@babel/env",
{
modules: false
}
],
["@babel/preset-react"],
["@emotion/babel-preset-css-prop"]
];
module.exports = { presets };
babel.config.js
import babel from "rollup-plugin-babel";
export default {
input: "src/main.js",
output: [
{
name: "disasterUI",
file: "dist/main.js",
format: "es"
}
],
external: ["react"],
plugins: [
babel({
exclude: "node_modules/**"
})
]
};
rollup.config.js
desde donde exportaremos nuestros componentes
nombre de nuestra libreria
a donde exportaremos nuestra libreria compilada
el formato en el que sera compilada la libreria
aca le decimos a rollup que es lo que no tiene que compilar, porque la libreria lo usara del lugar donde sea instalada
config de plugins
rollup -c -w
-c para compilar
-w para watch
npm link
In our library folder
npm link disaster-ui
In our app folder
ls -alF node_modules/
... inherits/
... ini/
... inquirer/
... internal-ip/
... intive-library@ -> ../../../../../../usr/local/lib/node_modules/disaster-ui
... invariant/
... invert-kv/
... ip/
Keep in mind that could depend on node version
And everytime you need to `npm install` you will need to link again
npm unlink --no-save disaster-ui
In our app folder
Gracias