我可以编译LESS文件但不能将它们捆绑在Angular-cli中吗？

Question

我知道如何使用.less将angular-cli个文件包含到Angular 2中。这非常有效。但是，我有点不同。

我们想要动态加载的主题。我想利用angular-cli 编译 .less个文件，但不会将捆绑到index.html。

angular-cli是否可以实现这一点？

我首先考虑将它们作为资产，但是，这些都没有编译。它们只是按原样复制/提供。

Answer 1

FWIW，

我最终保持简单。我刚刚添加了Gulp任务，将.less个文件编译为.css到我的assets文件夹中。由于它们位于assets，因此它们会在构建过程中自动获取并自动投放（但不会嵌入到index.html中）。

我在任务中使用了gulp-less和less-plugin-clean-css：

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'));
});