使用broccolisj编译较少的文件

Question

我正在尝试让broccolijs使用broccolijs编译一个包含较少文件的目录。我修改了"preprocess“函数，如下所示：

var compileLess = require('broccoli-less')
var pickFiles = require('broccoli-static-compiler')

function preprocess (tree) {
  tree = filterTemplates(tree, {
    extensions: ['hbs', 'handlebars'],
    compileFunction: 'Ember.Handlebars.compile'
  })
  tree = filterCoffeeScript(tree, {
    bare: true
  })
  tree = compileLess(tree, {
      compress: false,
  })
  return tree
}

在我的项目文件夹中，我有一个名为'less‘的目录，我将其包含在Brocfile.js中：

var lessStyles = 'less'
lessStyles = pickFiles(lessStyles, {
  srcDir: '/',
  files: ['main.less'],
  destDir: 'appkit'
})
lessStyles = preprocess(lessStyles)

var sourceTrees = [app, styles, vendor, lessStyles]
if (env !== 'production') {
  sourceTrees.push(tests)
}

sourceTrees = sourceTrees.concat(findBowerTrees())

尝试构建此项目会产生错误：

$ broccoli serve
Serving on http://localhost:4200


path.js:360
        throw new TypeError('Arguments to path.join must be strings');
        ^
TypeError: Arguments to path.join must be strings
  at path.js:360:15
  at Array.filter (native)
  at Object.exports.join (path.js:358:36)
  at tryPathIndex (/home/kyrre/beekeeper-frontend/node_modules/broccoli-less/node_modules/less/lib/less/index.js:223:37)
  at callback.type (/home/kyrre/beekeeper-frontend/node_modules/broccoli-less/node_modules/less/lib/less/index.js:226:29)
  at Object.oncomplete (fs.js:107:15)

Answer 1

听起来您可能是在寻找broccoli-less-single而不是broccoli-less

从自述文件中：

这个插件被设计用来将一个单一的主输入文件编译成一个单一的输出文件，并带有一个@importd依赖关系树。这不同于-less，后者将每个.less文件单独编译成一个.css文件，并且不支持@imports或依赖于多个输入的单个输出文件。

顺便说一句，您似乎正在使用Ember.js --如果是这样，我强烈建议您使用ember-cli，而不是使用您自己的构建管道。它easily supports less，并提供了许多其他功能。