Terceros y vendoring

Bootstrap, PrimeVue, Chart.js, o convivir con una app entera de Vue/React/Angular.

CSS de terceros: un <link> normal

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">

Nexa nunca procesa ni entiende ese CSS, así que no hace falta ningún paso especial.

JS con build global (UMD): un <script> normal

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

function renderChart() {
    new Chart(document.getElementById("grafico"), { type: "bar", data: {} });
}

Deja una variable global — como un chunk copia el handler tal cual, podés usarla directo en un onClick, sin declarar nada en nexa.toml.

Módulos ES puros: [imports]

# nexa.toml
[imports]
confetti = "https://esm.sh/canvas-confetti"

function celebrate() { confetti.default(); }

Mismo mecanismo que usan platform/ui. El chunk detecta nombre. en el handler y antepone el import.

Vendorizar un paquete real de npm

npm install marked
echo 'export { marked } from "marked";' > entry.js
npx esbuild entry.js --bundle --format=esm --outfile=marked.js
cp marked.js public/vendor/marked.js

# nexa.toml
[imports]
marked = "/vendor/marked.js"

Cuando tiene dependencias propias o viene en CommonJS: instalar, un entry.js, y esbuild --bundle --format=esm a un único archivo bajo public/vendor/.