Kann ich LESS-Dateien kompilieren, aber nicht in Angular-cli?

Question

Ich weiß .less Dateien in Angular 2 mit angular-cli. Das funktioniert großartig. Allerdings bin ich nach etwas ein bisschen anders.

Wir haben Themen, die wir dynamisch laden möchten. Ich würde gerne angular-cli zu kompilieren die .less Dateien, aber nicht bündeln sie in die index.html.

Ist das überhaupt möglich mit angular-cli?

Ich dachte zuerst, sie als Vermögenswerte setzen, aber diese sind nicht kompiliert. Sie werden einfach kopiert/serviert wie sie sind.

Answer 1

FWIW,

Ich endete damit, es einfach zu halten. Ich habe gerade eine Gulp Aufgabe hinzugefügt, um die .less Dateien zu .css in meinem assets Ordner zu kompilieren. Da sie in assets sind, werden sie automatisch vom Build-Prozess aufgenommen und automatisch bedient (aber nicht in die index.html eingebettet).

verwendete ich sowohl gulp-less und less-plugin-clean-css in der Aufgabe:

const less = require('gulp-less'); 
const cleanLess = require('less-plugin-clean-css'); 

gulp.task('less',()=>{ 
    gulp.src('./src/themes/*.less') 
    .pipe(less({ 
     plugins: [new cleanLess()] 
    })) 
    .pipe(gulp.dest('./src/assets/themes')); 
});