Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 咕噜+;httpPath中存在差异的罗盘_Javascript_Node.js_Gruntjs_Grunt Contrib Compass - Fatal编程技术网

Javascript 咕噜+;httpPath中存在差异的罗盘

Javascript 咕噜+;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'),

我是Grunt的新手——到目前为止我很喜欢Grunt(再见,Codekit)——但是我遇到了一个问题,任何compass url帮助程序(image-url(),font-url())的输出都包含错误的路径。这是我的gruntfile

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时,我收到很多警告,告诉我找不到图像和字体(它在错误的目录中查找),但在清洗过程中一切正常

有谁能给我一些指导,告诉我在哪里可以找到这种差异发生的原因