当前位置: 首页 > 面试题库 >

用grunt-contrib-less编译更少的文件将不起作用

鲁滨海
2023-03-14
问题内容

我正在使用Grunt构建我的Web项目。我安装了grunt-contrib- less软件包,并向我添加了一个任务grunt.initConfig({..});

less : {
            options: {
                paths: ['js/base']
            },
            files: {
                'js/base/*.css' : 'js/base/*.less'
            }
        }

当我通过 更少 运行目标时grunt less,它运行没有错误,但没有将less文件编译为css文件。

Running "less:files" (less) task

Done, without errors.

我也通过node 安装了 lessc 软件包。做的lessc <source> <dest>很好。

目前,我已将 files选项 直接指向一个目录,该目录包含一个要测试的文件。即使我将整个文件名写入 files选项 ,也不会发生任何事情…

稍后,我想扫描整个js目录并编译所有新的经过修改的* .less文件。

我已安装以下版本:

grunt-cli v0.1.6
grunt v0.4.0
node v0.8.7
npm 1.1.49

BR,我的麦克斯


问题答案:

全局模式js/base/*.css与任何文件都不匹配,因此没有目的地。通常,这样的任务期望多个输入合并为一个输出。另外,请记住,这less是一项
多任务 ,并且files作为孩子的孩子less不会做您期望的事情。(它将其视为目标,而不是src / dest地图)

如果您希望将.less 1-1转换为.css,则可以使用动态扩展。(或者您可以手动定义每个src / dest对,但是谁想这样做?)

在您的情况下:

less: {
    options: {
        paths: ['js/base']
    },
    // target name
    src: {
        // no need for files, the config below should work
        expand: true,
        cwd:    "js/base",
        src:    "*.less",
        ext:    ".css"
    }
}


 类似资料:
  • 我是Grunt的新手,正在尝试配置Grunt contrib sass与Compass一起工作。 我使用grunt-contrib-sass插件,因为我需要导出我的. scss文件到两个不同的目的地,我无法让它与grunt-contrib-compass一起工作。 我的问题是,在编译的时候。我在终端中收到的scss文件“错误:无法加载指南针”。 这是我的Grunfile文件的副本。js; 谢谢!

  • 问题内容: 我希望发生以下事情: 具有流程自动化服务器端。 就像我的代码中的CSS文件一样,仅能够引用LESS文件。 返回给用户的是缩小的CSS而不是LESS文件-已缓存,因此除非LESS文件已更新,否则编译器无需运行。 为了使其与我域中任何地方引用的 所有 LESS文件一起使用。 我发现了Lessphp,但是文档不是很清楚,也没有说明如何动态地向其中获取任何LESS文件。我以为我会发布如何使所有

  • 问题内容: 我是Grunt的新手,到目前为止,我非常喜欢它。我希望Grunt在运行时仅编译更改的文件 当前,在我的Grunfile.coffee中(相关部分)。 注意:资产/javascript/app.coffee和资产/javascript/app.js是目录 解决方法可能更短一些,但是我首先将app.coffee编译为app.js,以便在分发工作后,对Coffeescript不满意的人可以以

  • 我正在使用wro4j 1.7.3和less4j/lesscss-compiler。 在我的wro.xml中,我有如下内容: 在编译时,我会得到一个错误,因为wro4j将我的*.css-file也当作*.less-file来处理。 当使用lessCSS时,而不是less4j,错误原因更好地显示出来: 更改处理器顺序无济于事: 错误仍然存在。 是否存在这样的可能性,比如wro4j,它不应该将带有css

  • 访问论坛获取帮助 请务必理解如下章节后阅读此章节: 安装 Node 和 gulp 使用 gulp 压缩 JS Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护。 安装 npm install gulp-less 基本用法 你可以 下载所有示例代码 - 或在线查看代码 // 获取 gulp var gulp = req

  • 问题内容: 我使用FileWriter和BufferWriter写入文件。文件“ test.txt”已创建,但内部未写入任何内容。 该文件应写入我的按钮的ActionEvent中。那是为什么吗? 那是我的代码: 问题答案: 这里, 您将其包装在,默认缓冲区大小为8KB。因此,只要您不写超过8KB的内容并且不刷新/关闭它,它就不会出现在目标文件中。 完成后,您需要关闭编写器。这将刷新所有缓冲区并释放