grunt-requirejs - 如何优化CSS？

Question

我使用Yeoman，并试图设置requirejs来优化我的CSS文件。

我有这个在我的Gruntfile.js：

requirejs: { 
    css: { 
    options: { 
     optimizeCss: 'standard', 
     cssIn: 'app/styles/main.css', 
     out: 'app/styles/main.min.css' 
    } 
    } 
} 

当我运行此命令，我得到一个错误：

grunt build 

Running "requirejs:css" (requirejs) task 
>> Error: TypeError: new path must be a string 
>>  at Object.fs.renameSync (fs.js:439:18) 
Warning: Task "requirejs:css" failed 

我真的不知道发生了什么那里，或者如何调试。

有谁知道这个问题可能是什么？

Answer 1

没关系，我解决了它。

随Yeoman附带的愚蠢useminPrepare任务塞满了grunt-requirejs配置。有点讨厌，尤其是。因为我想要使用grunt-requirejs的观点是因为我不喜欢usemin如何开始工作。

UPDATE：

这是我的配置的作品：

//index.html: 

<!-- build:js scripts/scripts.js --> 
<script data-main="scripts/main" src="components/requirejs/require.js"></script> 
<!-- endbuild --> 


//Gruntfile.js: 

requirejs: { 
    js: { 
    options: { 
     baseUrl: '<%= yeoman.tmp %>/scripts', 
     out: '<%= yeoman.dist %>/scripts/scripts.js', 
     name: 'main', 
     optimize: 'none', 
     mainConfigFile: '<%= yeoman.app %>/scripts/main.js', 
     useStrict: true, 
     wrap: true 
    } 
    }, 
    css: { 
    options: { 
     optimizeCss: 'standard', 
     cssIn: '<%= yeoman.app %>/styles/main.css', 
     out: '<%= yeoman.dist %>/styles/main.css' 
    } 
    } 
}, 
useminPrepare: { 
    html: '<%= yeoman.app %>/index.html', 
    options: { 
    dest: '<%= yeoman.dist %>' 
    } 
}, 
usemin: { 
    html: '<%= yeoman.dist %>/index.html', 
    options: { 
    dirs: ['<%= yeoman.dist %>'] 
    } 
} 

grunt.registerTask('build', [ 
    'requirejs:js', 
    'requirejs:css', 
    'useminPrepare', //must be after requirejs:css as it breaks its config params 
    'usemin' 
]); 

注：仍然有咕噜-usemin潜在的错误，这错误（错误地）试图改变为requirejs配置requirejs：css配置。我已经reported that here