【发布时间】:2016-01-09 00:56:44
【问题描述】:
这是我的较少任务配置:
less: {
development: {
options: {
compress: false,
sourceMap: true,
yuicompress: true,
sourceMapFilename: 'export/style/app.css.map',
sourceMapURL: '/style/app.css.map'
},
files: {
"export/style/app.css": "less/app.less"
}
}
},
如果我只输入grunt less,在我的编译文件中我会正确得到/*# sourceMappingURL=/style/app.css.map */ 注释。
相反,当我运行 grunt 并且我的监视任务启动时,/*# sourceMappingURL=/style/app.css.map */ 注释在编译时被删除。
这是我的手表任务:
watch: {
less: {
files: ['less/*.less'],
tasks: ['less', 'postcss'],
options: {
livereload: true,
nospaces: true
}
}
},
我做错了什么?
【问题讨论】:
-
您的 watch 任务还提到了
postcss任务,您似乎也使用它来处理您的 css,是吗?这就是诀窍 - 确保 CSS 处理链中的 所有 工具可以正确传播初始源映射(并启用相应的选项)。
标签: less source-maps grunt-contrib-watch grunt-contrib-less