Minimal Gulp for Telerik Themes

readme.md

Requires npm install --global gulp-cli

all.scss

@import "~@progress/kendo-theme-bootstrap/dist/all";

gulpfile.js

const path = require('path');

const gulp = require('gulp');
const sass = require('gulp-sass')(require('sass'));


// An importer that redirects relative URLs starting with "~" to
// `node_modules`.
function packageImporter(url) {

    // If the doesn't start with ~, return it as is.
    if (!url.startsWith('~')) {
        return null;
    }

    const nodeModules = path.resolve('./node_modules');

    // Create a new url to the correct location
    const file = path.resolve(
        nodeModules,
        url.slice(1)
    );

    return { file };
}

gulp.task('sass', function () {
    return gulp.src('./sass/**/*.scss')
        .pipe(sass({ importer: [packageImporter]}).on('error', sass.logError))
        .pipe(gulp.dest('./wwwroot/css'));
});

package.json

{
  "name": "sass-theme",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "sass": "^1.49.7",
    "@progress/kendo-theme-bootstrap": "^5.1.1",
    "gulp": "^4.0.2",
    "gulp-sass": "^5.1.0"
  }
}