Question

我试图让broccolijs使用西兰花来编译一个较少文件的目录。我已经改变了“预处理”功能，如下所示：

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文件单独编译成一个 .css文件，不支持@imports或单个输出文件取决于多个输入。

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

使用broccolisj编译LESS文件

1 个答案: