sourceMapRootpath使用LESS的源代碼映射

我試圖在我的項目上使用源代碼映射。我使用LESS，使用帶有編譯咕嚕咕嚕-的contrib少sourceMapRootpath使用LESS的源代碼映射

下面是代碼我有我的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" 
     ] 
    } 
    } 
}

這是該文件的結構我有：

enter image description here

我定義小號問題ourceMapRootpath。我試着將所有.LESS文件放在相同的文件夾，但沒有任何變化，與使用.CSS文件所在的文件夾相同。

對此有何想法？

謝謝！ seba

來源

2013-12-19 sebazelonka

我打算假設您使用的是grunt-contrib-less的過期版本，因爲我遇到了同樣的問題。查看release history，源地圖支持僅在最近才添加到LESS。

檢查你的package.json文件，並確保您的grunt-contrib-less版本將要拿起最新版本0.9.0，然後用npm install安裝。

來源

2014-01-15 17:16:02

我剛剛通過將參數「outputSourceFiles」設置爲true來解決此問題。你必須添加這個參數。因爲LESS的sourceMapping與您的express服務器根目錄相關。我幾乎可以肯定你的是assets-dist。順便說一句，你應該有這個在您的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'

來源

2014-03-16 20:13:09 Eric

sourceMapURL解決我的問題 – Lothre1

謝謝，這應該是在該文檔中，花了3個小時找到它。 – havenchyk

sourceMapRootpath使用LESS的源代碼映射

回答

相關問題