@telerik/kendo-theme-default/webpack.config.js

SASS resources for the default Kendo UI theme

/*
 * Build CSS out of SCSS files using webpack, reusing the
 * configuration already in place for react / ng2 components.
 * This script creates a webpack entry for each of the packages,
 * and passes it through the kendo-common-tasks theme config.
 */
var glob = require('glob');
var path = require('path');
var fs = require('fs');

var FILES = 'styles/packages/*.scss';

var tmpDir = './.tmp/';
var createTmpDir = true;
try {
    createTmpDir = !fs.statSync(tmpDir).isDirectory();
} catch(e) {}

if (createTmpDir) {
    fs.mkdirSync(tmpDir);
}

var entries =
    glob.sync(FILES)
        .reduce(function(entries, filename) {
            var name = path.basename(filename, '.scss');
            var entry = tmpDir + name + '.js';

            fs.writeFileSync(entry, 'require("./../' + filename + '")');

            entries[name] = entry;

            return entries;
        }, {});

module.exports = require('@telerik/kendo-common-tasks')
    .webpackThemeConfig({ extract: true }, {
        module: { loaders: [] },
        entry: entries,
        output: {
            publicPath: './dist/',
            path: './dist/',
            filename: '[name].js'
        }
    });