这个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插件是Multi-task plugin，您可能需要更新配置并包装您在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年内更新，现在可能是孤儿。