Comment compiler bootstrap pour obtenir la même version que précompilée?

Question

J'ai acheté un modèle. Si j'essaie de le compiler avec la version précompilée de bootstrap, tout va bien.

@import "bootstrap.css"; //Precompiled Bootstrap 
@import "nifty/nifty.less"; //My theme 

Cependant, si je vais compiler le bootstrap moins variante, certaines couleurs sont autres que prévu:

@import "bootstrap/bootstrap.less"; //Same Version as above, but not precompiled 
@import "nifty/nifty.less"; //My theme 

Quelle est la différence. Comment dois-je compiler bootstrap, pour obtenir exactement le même résultat que la variante précompilée dans le dossier dist en termes de couleurs?

J'ai besoin de ceci, parce que j'ai besoin de compiler mon modèle avec Kendo UI et mon modèle ne fournit pas toutes les variables de thème dont j'ai besoin pour Kendo UI Bootstrap Mapper.

---

Ceci est ma tâche engouffreur:

gulp.task('theme', 
    function() { 
     return gulp.src('./Content/less/theme.less') 
      .pipe(plumber()) 
      .pipe(less({ 
       paths: [path.join(__dirname, 'less', 'includes')] 
      })) 
      .pipe(gulp.dest('./Content/theme')); 
    }); 

Answer 1

Il y a quelques problèmes possibles ici:

1. Vous ne pouvez pas avoir CSS équivalent Bootstrap et Bootstrap versions moins installées dans votre projet. Vérifiez que la version répertoriée en haut de votre fichier bootstrap.css est la même que celle figurant en haut de bootstrap.less. C'est la cause la plus probable - il est facile pour ceux-ci de sortir de l'étape.
2. Assurez-vous d'avoir la version la plus récente sans goulot. Le plugin avait des problèmes rapportés avec le traitement d'importation dans le passé qui ont été corrigés depuis.
3. Il est possible que le fait d'avaler ne respecte pas votre «commande» d'importation - des problèmes ont déjà été signalés dans le passé. Si c'est le problème, vous êtes dans un moment difficile. Cependant, il existe une solution hackish que vous pouvez utiliser si c'est le cas: récupérer et rendre les fichiers de la bibliothèque bootstrap directement avec gulp, les exporter dans un fichier css dans vos sources (par exemple styles/lib/bootstrap), puis importer fichier css. Seulement faire cela comme un dernier recours absolu - c'est un hack majeur majeur.
4. Le modèle lui-même peut inclure une version différente de Bootstrap de celle que vous avez installée. Vérifiez le modèle pour voir quelles dépendances il a.