问题标签 [grunt-contrib-less]

所以我设置了我的站点以使用模块，其中每个模块都有自己的 .less 文件，需要编译成 .css。

文件夹结构： /common/modules/{module-name}/style.less

我需要将所有 style.less 文件转换为同一目录中的 style.css 文件。例如：

/common/modules/clock/style.less将需要编译为/common/modules/clock/style.css

我不想将每个模块单独添加到我的 grunt 文件中，有没有办法动态地做到这一点？

我的站点文件结构是这样的：

所以/app/less/themes/{{ themeName }}/*.less会编译成/public/themes/{{ themeName }}/css/*.css.

我有我的 Grunt Less 任务动态设置并且工作正常。例子：grunt less:compileTheme:modern

但我不确定如何让 Grunt Watch 任务正常工作。理想情况下，它将看到主题文件夹名称并将 grunt 任务运行为grunt less:compileTheme:{{ themeName }}：

这可能吗？和/或有更好的方法我应该这样做吗？

几周以来一直在愉快地使用 LESS，在我的 package.json 中使用 grunt-contrib-less（版本 0.11.4）依赖项并在 gruntfile 中对其进行初始化。地图在最终缩小的 styles.css 的末尾内联生成。

我被这个项目拉了几个星期，当我回到它时，突然我的浏览器都无法显示 LESS 行号，并且每种样式都映射到第 1 行（或更准确地说，第 5 行作为生成文件开头有几行）。

CSS 编译得很好，并且源映射清楚地位于文件末尾，但我无法再在任何浏览器的开发工具中检查和调试 LESS 文件。

最初，我在设置 gruntfile 时得到了一些外部帮助，不幸的是，该帮助不再可用。我是 Grunt 和 JSON 的新手，并且正式在我的脑海中。我到底是怎么打破这个的？我实际上并没有弄乱包含的代码，但我不确定还有什么可能导致 sourceMap 问题。

这是我的咕噜声文件代码：

和 package.json：

我希望我犯了某种常见的错误，导致无法在开发工具中看到 LESS。有什么指导吗？

好的 - 我正在尝试配置 less 以吐出源映射并正确指向 less 文件的可访问路径。我可以让源映射正常工作，但是它转储到源映射文件中源数组的路径总是不正确的。我对 sourceMapBasepath 或 sourceMapRootpath 属性所做的任何操作都不会更改源数组。

这是选项配置中的

这总是会吐出一个源数组，其中列出了具有此文件夹结构的文件：

WebUI 文件夹是 webroot - 我不想在那里。我已经尝试了上面显示的一百万种变体，而我添加到 sourceMapBasepath 或 sourceMapRootpath 的任何内容都没有产生任何影响。

有任何想法吗？谢谢

我有一个较少编译的 grunt 任务，其中 grunt 安装文件夹中较少文件的相对路径是raw/less/source_map/

这是咕噜声文件。

Gruntfile：（编辑：更改为@Yogesh Khatri的代码仍然是同样的问题）

在运行它时，命令行显示

但没有 style.css 输出。我已经编写了最简单的 grunt 任务，没有任何选项。谁能指出这有什么问题。

我正在使用 grunt-contrib-less 来编译更少的文件。

我已经在项目文件夹的根目录本地安装了 grunt。

css 文件位于qa1/avinash/html5/phase1/css/项目文件夹根目录的路径中。

所以这是我为cwd（当前工作目录）指定的路径，src以及destgrunt-less 任务的参数。编译 css 和 source map 没有问题。

我面临的唯一问题是源映射是在 gruntfile 的同一文件夹中生成的。但我生成的 css 在dest我指定的路径上。由于 css 和源映射位于不同的位置，我必须手动编辑源映射中的较少路径引用并将其带到生成的 css 目录。或用于sourceMapURL指定源地图位置../../../../../style.css.map（向后）。两种方式都不方便。

那么任何人都可以帮助我如何指定源映射输出目标路径，就像我们为生成的css指定的目标路径一样

--

目前使用的 Gruntfile.js：

我正在使用这个 gruntfile 将我的 .less 文件更改为 .css 文件。

对于我的开发版本，如果我有十个 .less 文件，那么这将创建十个 .css 文件，然后我将能够在 Chrome 开发工具中查看这些文件并轻松调试。

我这样做的原因是为了能够在 Chrome 开发工具中调试和查看这十个 .css 文件。

我的推理正确吗？我听说过源映射，但我怎么能在我的开发构建中使用它们，如果我使用这些，那么我仍然能够看到源 .css 文件名，甚至更好地看到十个 .less 文件吗？

我有一个看起来像这样的文件结构（为简洁起见）：

Gruntfile.js：

在 html 文件中：<link rel="stylesheet" href="/css/styles.css">

现在的问题是，在开发工具中，styles.less指向/css/less/styles.less. 这显然是不对的，因为它应该是/less/styles.less。但我似乎可以让它指向项目根目录。

我已经尝试过各种sourceMapBasepath选择sourceMapRootpath，但没有任何运气。

想法？

另一件事是在我的 css 文件（/css/styles.css）中，我得到了这个：

为什么是base64输出？我认为它应该只指向styles.css.map文件。

我有一个看起来像这样的文件结构（为简洁起见）：

Gruntfile.js：

在索引文件中：<link rel="stylesheet" href="/css/styles.css">

现在在开发工具中，它正在寻找不存在的 in ，因为它只styles.less暴露给网站。http://localhost:3845/less/styles.less/public/

它曾经将文件正确映射到我的本地计算机，无需任何额外步骤，但现在不再如此。我不确定发生了什么或如何设置它。

我正在使用最新的 grunt-contrib-less (1.0.0)。

我的配置

我的结构

所以在调用 grunt less:server 之后

我得到 .tmp/styles/main.css.map 与 attr "sources" 到处都是 src/ 前缀，但我想要没有 src/ 因为服务器从 src/* 开始

我怎样才能改变它？