Estoy tratando de agrupar mis hojas de estilo que deberían usar bootstrap v5. Puedo agrupar mis archivos CSS sin problemas, pero no puedo hacer que Bootstrap funcione. El paquete se ejecuta, pero los estilos de arranque no están incluidos.

Lo que hice:

• Instalé bootstrap con npm install bootstrap (https://getbootstrap.com/docs/5.0/getting-started/download/#npm )
• Incluí bootstrap en:
  • ya sea mi archivo JS con import 'bootstrap';
  • en mi CSS con @import "node_modules/bootstrap/dist/css/bootstrap"; (Esto no funciona porque me dice que mi archivo no se encuentra)

Mi resumen.config:

 import resolve from "@rollup/plugin-node-resolve"; import commonjs from "rollup-plugin-commonjs"; import { terser } from "rollup-plugin-terser"; import postcss from "rollup-plugin-postcss"; import cssnano from "cssnano"; export default [ { input: "project/static/src/inputs/index.js", output: [ { format: "esm", file: ""project/static/src/outputs/index.min.js",", }, ], plugins: [ postcss({ extract: true, plugins: [cssnano()], extensions: [".css"], }), resolve({ jsnext: true, browser: true, }), commonjs(), terser(), ], }, ];

Esta configuración crea un archivo CSS separado porque configuré extract = true para el complemento postcss.

Luego, en mi archivo CSS:

 @import "../modules/css/example.css"; @import "node_modules/bootstrap/dist/css/bootstrap"; .container-example { margin-top: -1.5rem; }

en mi JS

 import "./example.css"; import 'bootstrap'; //more JS here

Luego ejecuto el paquete y agrupa mi JS y también mis estilos. Pero no incluye ningún estilo de arranque... Parece que no puedo entender por qué. ¿Quizás porque BS tiene que ver con SASS? ¿Algunas ideas? Se aprecia mucho la ayuda.