javascript – sourceMapRootpath,使用LESS获取源图

我正在尝试在我的项目中使用源图.我正在使用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文件所在的文件夹也是如此.

有什么想法吗？

谢谢！
西巴

解决方法:

我刚刚通过将参数“outputSourceFiles”设置为true来解决了这个问题.你必须添加这个参数.因为LESS的sourceMapping与您的快速服务器根相关.我几乎可以肯定你的是资产.顺便说一句,你应该在你的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'

标签：javascript,css,gruntjs,source-maps,less
来源： https://codeday.me/bug/20190529/1175640.html