Comment utiliser “LESS” dans le projet angularjs avec UI-ROUTER - angularjs, angular-ui-router, less, angular-ui-bootstrap

J'utilise un modèle de bootstrap dans mes angularjsprojet qui est servi par Grunt. Tout le reste fonctionne bien, mais les composants du modèle d'amorçage qui utilisent MOINS ne sont pas rendus sur la page lorsque j'utilise ui-router pour le routage.

Comment faire en utilisant ui-router?

Réponses:

Vous pouvez utiliser grunt-contrib-less paquet pour intégrer moins d'intégration en utilisant Grunt. Un exemple de configuration pourrait être: 1. Ajoutez le paquet via npm

npm install --save-dev grunt-contrib-less

2. Chargez le paquet dans votre fichier gruntfile.js:

   grunt.loadNpmTasks("grunt-contrib-less");

3. Ajoutez la config pour moins:

less: {
development: {
options: {
paths: ["assets/css"]
},
files: {
"path/to/result.css": "path/to/source.less"
}
}
}