0

I'm experiencing a strange error with angular-material & grunt-contrib-less.

Every time i'm trying to run a simply grunt less task it fails with the following error message

>> ParseError: media definitions require block statements after any features in lib/angular-material/angular-material.css on line 654, column 14:
>> 653 
>> 654 @media screen\0 {
>> 655   .flex {
Warning: Error compiling less/libs.less

I'm using the latest stable release of angular material (v.1.0.1).

It's required in less like this:

@import (less) "../lib/angular-material/angular-material.css";

And this is my task:

less: {
            options: {
                compress: true
            },

            libs: {
                files: {
                    'public/src/css/libs.css': 'less/libs.less'
                },
                options: {
                    sourceMap: true,
                    outputSourceFiles: true,
                    sourceMapFilename: 'public/src/css/libs.css.map',
                    sourceMapURL: '/src/css/libs.css.map',
                    sourceMapRootpath: '/'
                }
            }

          ....(more tasks here)
}

I would love some help on this.

4

1 回答 1

1

您应该使用(inline)而不是(less).

使用(less)导入的文件时，无论扩展名如何，都将被视为 less 文件。因此，您正在尝试处理 css 代码，就好像它更少一样。

当您使用时(inline)，文件内容将按原样包含在内，而不进行处理。

您可以在Less 文档中阅读更多相关信息。

于 2015-12-23T16:31:47.670 回答