这个 Gruntfile 在我提供的路径中输出一个名为“dest”的文件，而不是一个 css 文件.为什么

Question

这个Gruntfile在我的项目的根目录中输出一个名为"dest"的文件，而不是assets/css中的css文件。为什么？

module.exports = function(grunt) {
    grunt.initConfig({
        pure_grids: {
            dest : 'assets/css/main-grid.css',
            options: {
                units: 12, // 12-column grid
                mediaQueries: {
                    sm: 'screen and (min-width: 35.5em)', // 568px
                    md: 'screen and (min-width: 48em)',   // 768px
                    lg: 'screen and (min-width: 64em)',   // 1024px
                    xl: 'screen and (min-width: 80em)'    // 1280px
                }
            }
        }
    });
    grunt.loadNpmTasks('grunt-pure-grids');
    // Default task(s).
    grunt.registerTask('default', ['pure_grids']);
}

Answer 1

grunt-pure-grids插件

是一个多任务插件，您可能需要更新配置并将您定义的设置包装在target中。 下面的示例将您的设置包装在名为 foo 的目标中：

grunt.initConfig({
    pure_grids: {
        foo: {
            dest : 'assets/css/main-grid.css',
            options: {
                units: 12, // 12-column grid
                mediaQueries: {
                    sm: 'screen and (min-width: 35.5em)', // 568px
                    md: 'screen and (min-width: 48em)',   // 768px
                    lg: 'screen and (min-width: 64em)',   // 1024px
                    xl: 'screen and (min-width: 80em)'    // 1280px
                }
            }
        }
    }
});

如果这不起作用，您可能需要向 grunt 插件的所有者提交问题，但请注意，grunt-pure-grids 2 年内没有更新，它现在可能是孤立的。