相关疑难解决方法(0)

我使用Grunt在里面构建我的项目和cssmin任务.我的CSS文件包含一个远程@import语句并grunt build返回一个警告:

Running "cssmin:generated" (cssmin) task
>> Ignoring remote @import of "http://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic" as no callback given.,Ignoring remote @import of "http://fonts.googleapis.com/css?family=Maven+Pro:500" as no callback given.
>> 2 files created. 322.48 kB ? 249.05 kB

我在clean-css库文档中找到了以下信息:

为了内联远程@import语句,您需要提供一个minify方法的回调,例如:

var CleanCSS = require('clean-css');
var source = '@import url(http://path/to/remote/styles);';
new CleanCSS().minify(source, function (errors, minified) {
  // minified.styles
});

Run Code Online (Sandbox Code Playgroud)

这是因为,虽然可以同步读取本地文件,但只能异步处理远程资源.如果您不提供回调,则远程@imports将保持不变.

如何在Gruntfile.js中描述cssmin任务来纠正处理远程@import语句？

我正在使用 Incident57 的 CodeKit 预处理器来编译一系列 less 文件，这些文件将被导入并缩小为一个名为 template.css 的 CSS 文件。

然而，在进行一些编辑后（我不知道是什么编辑导致了这个）我开始得到non_object_property_callError

non_object_property_callError: Cannot call method 'charAt' of null in /Volumes/Clients/htdocs/ergonomiq/domains/clients/polaris5/less/mediaqueries.less:14:2
13  h1 {
14      font-size: 100px;
15      margin-bottom: 60px;

template.less 导入 12 个文件：

@import "cssindex.less";
@import "fonts.less";
@import "colors.less";
@import "variables.less";
@import "mixins.less";
@import "base.less";
@import "skeleton.less";
@import "flexslider.less";
@import "prettyPhoto.less";
@import "layout.less";
@import "scrollbars.less";
@import "mediaqueries.less";

另外，fonts.less本身导入了5个文件

@import "font-awesome.less";
@import "font-awesome-ie7.less";
@import "font.bebas.less";
@import "font.leaguegothic.less";
@import "font.sourcesanspro.less";

该错误似乎与 media requests.less 文件相关/关联

/* Media Queries CSS File
================================================== */ …