Dev Faq
8
votes

Comment automatiser la tâche de compiler des cadres frontales telles que Twitter Bootstrap dans mon projet NODE.JS?

Comment automatiser la tâche de compiler twitter bootstrap dans mon projet nœud.js?

Je modifie les moins de fichiers compilés dans une construction personnalisée de bootstrap pour mon projet NODE.JS, donc je ne peux donc pas simplement utiliser le personnalisé en ligne ou la distribution JavaScript / CSS pré-compilée.

Comment utiliser quelque chose comme GRUNT ou BOWER pour automatiser le processus de construction et compilation du cadre frontal de Twitter Bootstrap dans mon projet à partir de la source?

Y a-t-il un gestionnaire de paquets pour les bibliothèques et les cadres frontaux?

0 commentaires

3 Réponses :

13
votes

J'utilise GRUNT pour compiler mon moins. Voici les dépendances que vous devez ajouter à votre colis.json: xxx pré>

et voici comment mon grognile.js ressemble à: p> 

module.exports = function(grunt) {

    grunt.initConfig({
        less: {
            project: {
                options: {
                    paths: ['src/css/less'],
                    yuicompress: true
                },
                src: ['src/css/less/index.less'],               
                dest: 'src/css/styles.css'
            }
        },
        watch: {
            css: {
                files: ['src/css/less/**/*.less'],
                tasks: ['less']
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('assemble-less');

    // grunt.registerTask('default', ['concat', 'less']);
    grunt.registerTask('default', ['less', 'watch']);

}

1 commentaires

Existe-t-il un moyen de le faire fonctionner dans le cadre de npm et de ne pas vous rappeler d'exécuter grogneur avant de commencer à travailler?

2
votes

Selon votre arrangement, vous voudrez peut-être juste regarder moins middleware . Cela compilera votre moins dans CSS à la volée dans le développement et la première fois que la CSS est demandée, puis servira la CSS au lieu de la recompiler à chaque fois. Beaucoup d'exemples de configuration sur le lien fourni.

0 commentaires
0
votes

Je n'ai pas les paramètres à portée de main pour GRUNT-BOOTSTRAP et NPMJS est hors ligne pour une raison quelconque pour une raison quelconque, essayez ce lien pour les paramètres https://npmjs.org/package/grunt-bootstrap

IM à l'aide de la dernière version de GRUNT-BOOTSTRAP et GRUNT-APT-MOINS TOI;

paquet.json xxx

}

gruntfile.js moins: entrée xxx

EDIT: i Encore une fois encore, https://github.com/jgallen23/grunt-bootstrap Je savais que c'était quelque part là-bas. Il existe certaines de vos options de configuration bootstrap, vous recherchez probablement que vous devez ajouter au grognile.js pour compléter votre tâche .. Profitez

0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Erreur d'argument manquant npm install eslint
NPM start renvoie une erreur, "Il peut y avoir un problème avec l'arborescence de dépendances du projet"