The best way to handle this is to use one of the HTML injectors from the get-go. I’m using gulp-inject to some success so far. Add gulp-inject to your project: npm i –save-dev gulp-inject Assuming that you have a folder layout similar to this: build/ src/ index.html less/ main.less js/ app.js Your HTML should include … Read more
I had the same issues trying to compile the Bootstrap CSS. My simplified solution ended up looking like: // Compiles LESS > CSS gulp.task(‘build-less’, function(){ return gulp.src(‘styles.less’) .pipe(less()) .pipe(gulp.dest(‘./source/css’)); }); and my styles.less file included the import to the bootstrap.less. I noticed that if the bootstrap less files were included in the gulp.src() path it … Read more
in your src set the base option and it will maintain the original path of your less file. gulp.task(‘compileLess’, function () { gulp.src(‘./*/less/*.less’, {base: ‘./’}) .pipe(less()) .pipe(gulp.dest( ‘./dist’ )); }); The ./dist destination can be anything. Wherever you want your file structure to be placed. Additional info here: https://github.com/wearefractal/glob-stream#options