コード例 #1
0
    treeForVendor: function( tree ) {
        var vendorTree = tree;

        if ( !this.isAddon() && !isLessAddonInstalled ) {
            var compiledLessTree = compileLess(
                new Funnel( path.join( this.nodeModulesPath, '../', 'app' ) ),
                'styles/' + this.name + '.less',
                this.getCssFileName(), {
                    modifyVars: {
                        'component-class-prefix': componentClassPrefix
                    }
                }
            );

            compiledLessTree = autoprefixer(
                compiledLessTree,
                {
                    browsers: [
                        'Android 2.3',
                        'Android >= 4',
                        'Chrome >= 20',
                        'Firefox >= 24',
                        'Explorer >= 8',
                        'iOS >= 6',
                        'Opera >= 12',
                        'Safari >= 6'
                    ]
                }
            );

            vendorTree = ( tree ) ? mergeTrees([ tree, compiledLessTree ]) : compiledLessTree;
        }

        return vendorTree;
    },
コード例 #2
0
ファイル: index.js プロジェクト: porkepic/ember-mui
 treeForStyles: function(){
   var tree = pickFiles("app/styles", {
     srcDir: '/',
     destDir: 'mui'
   });
   var muiTree = pickFiles("material-ui/src/less", {
     srcDir: '/',
     destDir: 'material-ui'
   });
   return compileLess(mergeTrees([tree, muiTree]), 'mui/app.less', 'assets/app.css')
 },
コード例 #3
0
ファイル: Brocfile.js プロジェクト: Marmelatze/marathon-ui
  css: function (masterTree) {
    var cssTree = funnel(dirs.styles, {
      include: ["**/*.less", "**/*.css"]
    });

    var lessTree = less(
      cssTree,
      files.mainLess + ".less",
      "/" + files.mainCssDist + ".css",
      {}
    );

    lessTree = autoprefixer(lessTree);

    return mergeTrees([masterTree, lessTree], {overwrite: true});
  },
コード例 #4
0
ファイル: brocfile.js プロジェクト: joshwlewis/meowmeow
var scripts = bMerge(['src/scripts', 'bower_components', templateJs]);

var appJs    = bConcat(scripts, {
  inputFiles: [
    'lodash/dist/lodash.js',
    'jquery/dist/jquery.js',
    'backbone/backbone.js',
    'backbone.babysitter/lib/backbone.babysitter.js',
    'backbone.picky/lib/backbone.picky.js',
    'backbone.marionette/lib/backbone.marionette.js',
    'backbone.wreqr/lib/backbone.wreqr.js',
    'bootstrap/dist/js/bootstrap.js',
    'extensions/*.js',
    'config/' + env + '.js',
    'models/*.js',
    'collections/*.js',
    'controllers/*.js',
    'routers/*.js',
    'views/*.js',
    '*.js'
  ],
  outputFile: '/app.js',
  wrapInEval: env !== 'production'
});

var lessTree = bMerge(['src/styles','bower_components/bootstrap/less']);

var appCss = bLess(lessTree, 'app.less', 'app.css');
    appCss = bPrefix(appCss);

module.exports = bMerge([appJs, appCss, 'src/static', 'src/images']);
コード例 #5
0
var env = require('broccoli-env').getEnv(),
    compileLess = require('broccoli-less-single'),
    stylesTree = 'less',
    css;

css = compileLess(
    [stylesTree], 
    'billdami.less', 
    'billdami.css', 
    {cleancss: env === 'production'}
);

module.exports = css;
コード例 #6
0
ファイル: Brocfile.js プロジェクト: anehx/jumpnrun
/* global require, module */

var browserify   = require('broccoli-fast-browserify')
var cleanCss     = require('broccoli-clean-css')
var compileLess  = require('broccoli-less-single')
var concat       = require('broccoli-concat')
var env          = require('broccoli-env').getEnv()
var esTranspiler = require('broccoli-babel-transpiler')
var funnel       = require('broccoli-funnel')
var mergeTrees   = require('broccoli-merge-trees')
var uglify       = require('broccoli-uglify-js')

var appJsTree    = mergeTrees([ funnel('frontend/js'), funnel('backend/common') ])
var appPublic    = funnel('frontend/public')
var appLessTree  = funnel('frontend/less')
var appCss       = compileLess(appLessTree, 'app.less', 'app.css')
var appJs = browserify(
  esTranspiler(appJsTree, {})
, {
    bundles: {
      'app.js': {
        entryPoints: [ 'app.js' ]
      }
    }
  , externals: [ 'jquery' ]
  }
)

var vendorTree   = funnel('bower_components')
var vendorCss    = compileLess(vendorTree, 'bootstrap/less/bootstrap.less', 'vendor.css')
var vendorJs = concat(
コード例 #7
0
ファイル: brocfile.js プロジェクト: robertpage/lodestone
var concat      = require('broccoli-concat');
var pickFiles   = require('broccoli-static-compiler');
var mergeTrees  = require('broccoli-merge-trees');
var compileLess = require('broccoli-less-single');

var libraries = concat('libraries/', {
  inputFiles: ['**/*.js'],
  outputFile: '/libraries.js'
});
var scripts = concat('js/', {
  inputFiles: ['**/initJS/app.js', '**/initJS/renderModule.js', '**/initJS/toolsModule.js', '**/*.js'],
  outputFile: '/scripts.js'
});
var appCss = compileLess(['css/'], 'main.less', '/styles.css')

var publicAssets = pickFiles('public/', {
  srcDir: '/assets',
  destDir: '/assets'
});
var publicIconFont = pickFiles('public/', {
  srcDir: '/fonts',
  destDir: '/fonts'
});
var publicFiles = pickFiles('public/', {
  srcDir: 'index.html',
  destDir: 'index.html'
});

module.exports = mergeTrees([libraries, scripts, appCss, publicAssets, publicIconFont, publicFiles]);
コード例 #8
0
ファイル: Brocfile.js プロジェクト: bblack/effy
var Funnel = require('broccoli-funnel');
var less = require('broccoli-less-single');
var mergeTrees = require('broccoli-merge-trees');

var styles = less('assets', 'style/style.less', 'style/style.css');
var assets = new Funnel('assets');
module.exports = mergeTrees([assets, styles]);
コード例 #9
0
//   - Register all templates on Ember.TEMPLATES
//   - Register views and components with the container so they can be looked up
// Output goes into globals-output.js
var globalExports = globals(pickFiles(sourceTree, {srcDir: '/ember-table', destDir: '/'}));

// Require.js module loader
var loader = pickFiles('bower_components', {srcDir: '/loader.js', destDir: '/'});

var jsTree = mergeTrees([sourceTree, globalExports, loader]);

// Transpile modules
var compiled = compileES6(jsTree, {
  wrapInEval: false,
  loaderFile: 'loader.js',
  inputFiles: ['ember-table/**/*.js'],
  ignoredModules: ['ember'],
  outputFile: '/ember-table.js',
  legacyFilesToAppend: ['globals-output.js']
});

// Wrap in a function which is executed
compiled = wrap(compiled);

// Compile LESS
var lessTree = pickFiles('addon/styles', { srcDir: '/', destDir: '/' });
var lessMain = 'addon.less';
var lessOutput = 'ember-table.css';
lessTree = less(lessTree, lessMain, lessOutput);

module.exports = mergeTrees([es3Safe(compiled), lessTree]);
コード例 #10
0
ファイル: Brocfile.js プロジェクト: airbrite/ui-components
var compileLess = require('broccoli-less-single');

var components = funnel('components', {
  include: ['**/*.less']
});

var mixins = funnel('mixins', {
  include: ['**/*.less']
});

var styleguide = funnel('styleguide', {
  include: ['**/*.less']
});

var componentsLess = compileLess([components], 'index.less', 'components.css', {
    paths: ['.']
});

var mixinsLess = compileLess([mixins], 'index.less', 'mixins.css', {
    paths: ['.']
});

var styleguideLess = compileLess([components, styleguide], 'app.less', 'app.css', {
  paths: ['.']
});

var styleguideMd = funnel('styleguide', {
  include: ['**/*.md']
});

var styledownAssets = funnel('styleguide', {
コード例 #11
0
ファイル: brocfile.js プロジェクト: zqjames/tine
var scripts = concat('js/', {
  inputFiles: ['**/polyfills.js', '**/settings.js', '**/timer.js', '**/save.js', '**/main.js'],
  outputFile: '/scripts.js'
});

var storyJs = concat('js/', {
  inputFiles: ['**/data.js'],
  outputFile: '/storyData.js'
});

var menuJs = concat('js/', {
  inputFiles: ['**/menu.js'],
  outputFile: '/menu.js'
});

var appCss = compileLess(['css/'], 'main.less', '/styles.css')
var menuCss = compileLess(['css/'], 'menu.less', '/menu.css')

var publicAssets = pickFiles('public/', {
  srcDir: '/assets',
  destDir: '/assets'
});
var publicIconFont = pickFiles('public/', {
  srcDir: '/fonts',
  destDir: '/fonts'
});
var publicFiles = pickFiles('public/', {
  srcDir: 'index.html',
  destDir: 'index.html'
});