带有 grunt-sass 的 sourcemap 指向错误的行
sourcemap with grunt-sass points me to the wrong line
我使用 libass 和 susy,以及 grunt 和 compass-importer。
我的项目安装的基础来自
http://zellwk.com/blog/grunt-sass-with-susy/
在我更新文件之前一切正常,现在 sourcemap 不再给我来自 scss 文件的 属性 的确切行。
这个例子在印刷品上。
sourmap 没有将我指向 941 行,而是将我指向 935 行
我的 grunt 文件是这样配置的:
// Grunt-sass
sass: {
app: {
// Takes every file that ends with .scss from the scss
// directory and compile them into the css directory.
// Also changes the extension from .scss into .css.
// Note: file name that begins with _ are ignored automatically
files: [{
expand: true,
cwd: 'scss',
src: ['*.scss'],
dest: 'css',
ext: '.css'
}]
},
options: {
importer: compass,
sourceMap: true,
outputStyle: 'nested',
imagePath: "../",
}
我想是因为在为你们的header指指点点类.
你的 header 正好是第 935 行。
你嵌套了很多 类,你应该最多做 3 层和 50 行。
你的 grunt sass 有点混乱你可以像这样做更简单的事情:
//src ===============================
var src;
config.src = src = {
sassMain : 'scss/main.scss',
distFolder : 'public/stylesheets/lovelycss.dist.css',
devFolder : 'public/stylesheets/lovelycss.dev.css',
sassFolder : 'scss/**/*.scss',
};
//distribution
sass.dist = {
options: {
style: "compressed",
noCache: true,
sourcemap: 'none',
update:true
}
, files: {
"<%= src.distFolder %>" : "<%= src.sassMain %>"
}
};
//development env.
sass.dev = {
options: {
style: "expanded",
lineNumber: true,
}
, files: {
"<%= src.devFolder %>" : "<%= src.sassMain %>"
}
};
希望对你有所帮助
我使用 libass 和 susy,以及 grunt 和 compass-importer。 我的项目安装的基础来自 http://zellwk.com/blog/grunt-sass-with-susy/
在我更新文件之前一切正常,现在 sourcemap 不再给我来自 scss 文件的 属性 的确切行。 这个例子在印刷品上。
sourmap 没有将我指向 941 行,而是将我指向 935 行
我的 grunt 文件是这样配置的:
// Grunt-sass
sass: {
app: {
// Takes every file that ends with .scss from the scss
// directory and compile them into the css directory.
// Also changes the extension from .scss into .css.
// Note: file name that begins with _ are ignored automatically
files: [{
expand: true,
cwd: 'scss',
src: ['*.scss'],
dest: 'css',
ext: '.css'
}]
},
options: {
importer: compass,
sourceMap: true,
outputStyle: 'nested',
imagePath: "../",
}
我想是因为在为你们的header指指点点类.
你的 header 正好是第 935 行。
你嵌套了很多 类,你应该最多做 3 层和 50 行。
你的 grunt sass 有点混乱你可以像这样做更简单的事情:
//src ===============================
var src;
config.src = src = {
sassMain : 'scss/main.scss',
distFolder : 'public/stylesheets/lovelycss.dist.css',
devFolder : 'public/stylesheets/lovelycss.dev.css',
sassFolder : 'scss/**/*.scss',
};
//distribution
sass.dist = {
options: {
style: "compressed",
noCache: true,
sourcemap: 'none',
update:true
}
, files: {
"<%= src.distFolder %>" : "<%= src.sassMain %>"
}
};
//development env.
sass.dev = {
options: {
style: "expanded",
lineNumber: true,
}
, files: {
"<%= src.devFolder %>" : "<%= src.sassMain %>"
}
};
希望对你有所帮助