Javascript 咕噜+;httpPath中存在差异的罗盘
我是Grunt的新手——到目前为止我很喜欢Grunt(再见,Codekit)——但是我遇到了一个问题,任何compass url帮助程序(image-url(),font-url())的输出都包含错误的路径。这是我的gruntfileJavascript 咕噜+;httpPath中存在差异的罗盘,javascript,node.js,gruntjs,grunt-contrib-compass,Javascript,Node.js,Gruntjs,Grunt Contrib Compass,我是Grunt的新手——到目前为止我很喜欢Grunt(再见,Codekit)——但是我遇到了一个问题,任何compass url帮助程序(image-url(),font-url())的输出都包含错误的路径。这是我的gruntfile module.exports = function (grunt) { grunt.initConfig( { pkg : grunt.file.readJSON('package.json'),
module.exports = function (grunt) {
grunt.initConfig(
{
pkg : grunt.file.readJSON('package.json'),
compass : {
dev : {
options : {
httpPath : '/',
sassDir : 'scss/scss',
cssDir : 'css/compiled',
imagesDir : 'images',
javascriptsDir : 'js',
fontsDir : 'fonts',
outputStyle : 'nested',
relativeAssets : true
}
}
},
cssmin : {
dev : {
files : {
'css/min/ctips-global.min.css' : [
'css/compiled/global/base.css',
'css/compiled/global/header.css',
'css/compiled/global/footer.css',
'css/compiled/global/navigation.css',
'css/compiled/global/entry-content.css',
'css/compiled/global/widgets.css',
'css/compiled/global/animations.css'
]
}
}
},
uglify : {
options : {
mangle : false
},
dev : {
files : {
'js/min/modernizr-latest.min.js' : ['js/vendor/modernizr/modernizr-latest.js']
}
}
},
watch : {
css : {
files : ['scss/scss/**', 'Gruntfile.js'],
tasks : ['compass', 'cssmin'],
options : {
nospawn : true
}
},
js : {
files : ['Gruntfile.js'],
tasks : ['uglify']
}
},
concurrent : {
options : {
logConcurrentOutput : true
},
dev : {
tasks : ['watch:css', 'watch:js']
}
}
});
grunt.loadNpmTasks('grunt-concurrent');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.loadNpmTasks('grunt-contrib-compass');
grunt.registerTask('default', ['compass', 'cssmin', 'uglify']);
grunt.registerTask('dev', ['concurrent:dev']);
};
当我运行“grunt dev”时,grunt在没有任何警告的情况下运行—表明它可以找到所有必要的资源—但是compass url帮助程序的输出总是缺少gruntfile所在的目录
当我按如下方式添加目录时
...
options : {
httpPath : '/',
sassDir : 'scss/scss',
cssDir : 'css/compiled',
imagesDir : 'mydirectory/images',
javascriptsDir : 'js',
fontsDir : 'mydirectory/fonts',
outputStyle : 'nested',
relativeAssets : true
}
...
。。。结果输出是正确的,但是grunt抛出了一系列警告,表示它找不到资源。错误示例如下所示
WARNING: 'Brown-Regular.eot' was not found (or cannot be read) in /Applications/MAMP/htdocs/website.com.au/website/content/themes/mydirectory/mydirectory/fonts
因此,compass认为httpPath的位置与Grunt认为httpPath在我的项目中的位置之间似乎存在一些差异,但我不确定如何解决这个问题
目前,当我运行Compass时,我收到很多警告,告诉我找不到图像和字体(它在错误的目录中查找),但在清洗过程中一切正常
有谁能给我一些指导,告诉我在哪里可以找到这种差异发生的原因