sourceMapRootpath 拥有使用 LESS 的源映射答案

【问题标题】：sourceMapRootpath to have sourcemaps using LESSsourceMapRootpath 拥有使用 LESS 的源映射
【发布时间】：2013-12-19 16:04:55
【问题描述】：

我正在尝试在我的项目中添加源地图。我正在使用 LESS，使用 grunt-contrib-less

用 Grunt 编译

这是我在 gruntfile.js 上的代码：

less: {
  development: {
    options: {
      paths: ["assets-src"],
      // LESS source maps
      // To enable, set sourceMap to true and update sourceMapRootpath
         based on your install
      sourceMap: true,
      sourceMapFilename: 'assets-src/desktop/css/desktop.css.map',
      sourceMapRootpath: 'assets-dist/desktop/css/'
    },
    files : {
      "assets-src/desktop/css/desktop.css" :
      [
      "assets-src/desktop/less/reset.less",
      "assets-src/desktop/less/variables.less",
      "assets-src/desktop/less/mixins.less" 
      ]
    }
  }
 }

这是我拥有的文件结构：

我在定义 sourceMapRootpath 时遇到问题。我尝试将所有 .LESS 文件所在的文件夹放在同一个文件夹中，但没有发生任何事情，与使用 .CSS 文件所在的文件夹相同。

对此有什么想法吗？

谢谢！塞巴

【问题讨论】：

标签： javascript css less gruntjs source-maps

【解决方案1】：

我刚刚通过将参数“outputSourceFiles”设置为 true 解决了这个问题。您必须添加此参数。因为LESS的sourceMapping和你的express server root有关。我几乎可以肯定你的是资产分布。顺便说一句，你应该在你的 gruntfile 中有这个：

enter code here
      outputSourceFiles: true, // with this param you'll have your less in your map and you can see it
      sourceMap: true,
      sourceMapFilename: 'path/to/your/map', 
      sourceMapURL: '/complete/url/to/your/map', 
      sourceMapBasepath: 'public'

【讨论】：

谢谢，这应该在文档中，花了 3 个小时才找到它。

【解决方案2】：

我假设您使用的是过时版本的grunt-contrib-less，因为我遇到了同样的问题。查看release history，源映射支持仅在最近才添加到 LESS。

检查您的package.json 文件，并确保您的grunt-contrib-less 版本将选择最新的0.9.0 版本，然后使用npm install 进行安装。

【讨论】：