Imposta/Annulla un flag di debug durante la build grunt/requirejs

Question

Sto iniziando sia con requirejs sia con gruntjs. Ho una bandiera di debug in app come:

var debugEnabled = true; 

c'è qualche modo questo può essere impostato per false, automaticamente all'interno del requirejs ottimizzazione viene eseguito all'interno di un accumulo grunt?

EDIT: Per chiarire, ho solo un'operazione di default che gestisce il requirejs ottimizzatore. La variabile debugEnabled si trova all'interno di uno dei moduli della mia app stessa, ad esempio AppLogger, che è una dipendenza da main.

c'è qualche modo l'accumulo requirejs può impostare questa variabile a false, in modo che la versione minified di AppLogger sarebbe smettere di fare console.log ecc

Answer 1

Diciamo che si dispone di due attività:

• sviluppo
• produzione

development fa tutto il yo roba u bisogno in fase di sviluppo, come jshint, la compilazione CoffeeScript, ... production fa requirejs ottimizzazione, css minification, ...

Poi si potrebbe registrare un compito build che controlla la tua bandiera di debug:

grunt.registerTask('build', 'run build', function() { 
     var task = debugEnabled ? 'development' : 'production'; 

     // run the targetted task 
     grunt.task.run(task); 
    }); 

Sulla riga di comando, grunt build lo eseguirà.

In alternativa, è possibile utilizzare il parametro option in grugnito:

grunt.registerTask('build', 'run build', function() { 
     // start development build by default 
     var target = grunt.option('target') || 'development'; 

     // run the targetted task 
     grunt.task.run(target); 
    }); 

sulla riga di comando, grunt build --target=production lo esegue.

Edit:

capito la domanda un po '. L'unico modo che vedo è quello di separare la tua bandiera di debug in un modulo separato:

path/to/debug.js

define(function() { 
    return true; 
}); 

quindi si crea una versione di produzione (vicino le attività grugnito):

percorso/to/grunt/attività/debug.js

define(function() { 
    return false; 
}); 

E nel vostro compito requirejs, si specifica che la versione:

requirejs: { 
    options: { 
     paths: { 
     debug: 'path/to/grunt/tasks/debug.js' 
     } 
    } 
} 

Answer 2

@asgoth 's answer sicuramente avrebbe funzionato, ma capito paio di altre opzioni pure per 'iniettare'(o rimuovere piuttosto) codice durante il processo di compilazione.

Come documentato nello example build.js file, è possibile utilizzare la build pragmas per includere/escludere snippet di codice durante il processo di generazione.

//Specify build pragmas. If the source files contain comments like so: 
//>>excludeStart("fooExclude", pragmas.fooExclude); 
//>>excludeEnd("fooExclude"); 
//Then the comments that start with //>> are the build pragmas. 
//excludeStart/excludeEnd and includeStart/includeEnd work, and the 
//the pragmas value to the includeStart or excludeStart lines 
//is evaluated to see if the code between the Start and End pragma 
//lines should be included or excluded. If you have a choice to use 
//"has" code or pragmas, use "has" code instead. Pragmas are harder 
//to read, but they can be a bit more flexible on code removal vs. 
//has-based code, which must follow JavaScript language rules. 
//Pragmas also remove code in non-minified source, where has branch 
//trimming is only done if the code is minified via UglifyJS or 
//Closure Compiler. 
pragmas: { 
    fooExclude: true 
}, 

//Same as "pragmas", but only applied once during the file save phase 
//of an optimization. "pragmas" are applied both during the dependency 
//mapping and file saving phases on an optimization. Some pragmas 
//should not be processed during the dependency mapping phase of an 
//operation, such as the pragma in the CoffeeScript loader plugin, 
//which wants the CoffeeScript compiler during the dependency mapping 
//phase, but once files are saved as plain JavaScript, the CoffeeScript 
//compiler is no longer needed. In that case, pragmasOnSave would be used 
//to exclude the compiler code during the save phase. 
pragmasOnSave: { 
    //Just an example 
    excludeCoffeeScript: true 
}, 

ho potuto vedere in azione sul jquery.mobilecode, che probabilmente è un buon posto per imparare AMD e requirejs da.

Ecco cosa ha funzionato per me:

AppLogger.js:

/* global console: false */ 
define(function() { 

    var debugEnabled = false; 
//>>excludeStart('appBuildExclude', pragmas.appBuildExclude); 
    debugEnabled = true; 
//>>excludeEnd('appBuildExclude'); 
    return { 
    log:function (message) { 
     if (debugEnabled && console) { 
     console.log('APP DEBUG: ' + message); 
     } 
    } 
    }; 

}); 

Gruntfile.js:

requirejs:{ 
    compile:{ 
    options:{ 
     baseUrl:"js/", 
     mainConfigFile:"js/main.js", 
     name:'main', 
     out:'js/main.min.js', 
     pragmas:{ appBuildExclude:true } 
    } 
    } 
} 

Con questa configurazione per la requirejs nel mio Gruntfile , la sezione all'interno delle direttive di excludeStart e excludeEnd sono stati rimossi dal file compilato/costruito.

Sto ancora imparando requirejs, quindi nessuno afferma che questa è la migliore pratica per questo genere di cose, ma questo sicuramente ha funzionato per me.