如何更改 less 编译，使其不添加 @import 语句？

Question

我有一个 main.less 文件。我是运行的 grunt 包：grunt-contrib-less 就可以产生 css。生成的 css 文件在顶部新插入了以下内容（所有其他引用已正确转换为 css）：

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

grunt 配置：

less: {
        dev: {
            src: ['<%= app_files.temp_less %>'],
            dest: '<%= wwwroot_dir %>/assets/<%= pkg.name %>-<%= pkg.version %>.css',
            options: {
                compress: false,
                ieCompat: true,
                dumpLineNumbers: "comments"
            }

这会导致浏览器错误，因为主页是通过 https 请求的，但它是通过 http 发出请求的。大概这是因为 less 编译无法解析字体而发生的？我想要么包含字体，这样导入语句就不会出现，要么将字体的 URI 更改为： //fonts.googleapis.com... 以便它使用父调用方法，即 https。 'correct' 这样做的方法是什么？

Answer 1

我刚刚意识到 'compiler' 正在做的就是从任何 @import 引用的文件中复制 css。其中之一是上面的 @import 语句。我只是在我的项目中找到了一个隐藏在深色文件夹中的 less 文件中的引用，并将其更改为 //fonts.googleapis.com .... 并且在编译时将其拉入。

如何更改 less 编译，使其不添加 @import 语句？

How do I change less compilation so that it doesn't add an @import statement?

css

gruntjs

less

grunt-contrib-less