¿Cómo usar bootstrap a través de NPM en Meteor 1.3?
Tengo entendido que Meteor 1.3 favorecenpm paquetes sobreMeteorito / Atmósfera paquetes
Traté de agregarOreja a mi proyecto a través demeteor npm install bootstrap
. Luego agregué un par de divs con clasesrow
ycol-md-3
para probar que funcionaba y no veía lo que esperaba (no veía el diseño de la cuadrícula). Creé esos divs dentro delbody
etiqueta, que se declara en un archivo llamado./imports/ui/body.html
. Tal vez me estoy perdiendo unimport {Bootstrap} from 'meteor/bootstrap'
, import {bootstrap} from 'bootstrap'
(que probé sin éxito) o similar o unimport '../../node_modules/bootstrap/somefile'
.
Lo intentémeteor add twbs:bootstrap
y la aplicación funcionó como se esperaba (diseño de cuadrícula adecuado para aquelloscol-md-3
)
Este hilo recomienda usar NPM. ¿Tal vez me perdí algo importante para que funcione a través de NPM con meteor 1.3?
Mi código HTML no tiene nada especial (y funcionó cuando agregué el paquete meteoritos twbs: bootstrap). La única peculiaridad es que el código HTML está en un archivo en elimports/
directorio, así que probablemente me perdí algo importante sobre elproceso de carga.
Edita después de ver las respuestas de @ loger9 y @benjaminos.
yo hicemeteor npm install --save bootstrap
y obtuve un nuevo directorio node_modules. Por si acaso corronpm install
ymeteor
nuevamente, para forzar cualquier proceso llevado a cabo en el inicio.body.html ybody.js vivir enimports/ui
. body.html es
<body>
<div class="container page-wrap">
<div class="page-header">
<h1>A title</h1>
</div>
<div class="row">
<div class="col-md-3" style="background: red;">
Lorem Ipsum
</div>
<div class="col-md-3" style="background: lavenderblush;">
Lorem Ipsum
</div>
</div>
</div>
</body>
ybody.js incluye
import '../../node_modules/bootstrap/dist/css/bootstrap.min.css';
import './body.html';
Pero se queja de que no puede encontrar el módulo../../node_modules/bootstrap/dist/css/bootstrap.min.css
(si hago un CD a las importaciones / ui dir y desde allí puedo cat ../../node_modules/bootstrap/dist/css/bootstrap.min.css veo el archivo, así que no parece un problema con esa ruta ser incorrecto) y no mostrará nada.
Agregandoimport bootstrap from 'bootstrap'
Parece no tener efecto.cliente / main.js hace tambiénimport '../imports/ui/body.js';
De hecho, sé que esto debería ser tan fácil como loger9 señala en su respuesta, pero por alguna razón no puedo hacer que esto funcione.