如何更改较少的编译,以便它不添加@import语句?

时间:2015-09-08 14:15:38

标签: css gruntjs less grunt-contrib-less

我有一个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 config:

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发出请求。据推测,这种情况正在发生,因为较少编译无法解析字体?我想要包含字体,以便导入语句不会出现或将字体的URI更改为://fonts.googleapis.com ....以便它使用父调用方法,即https。什么是正确的&#39;这样做的方式?

1 个答案:

答案 0 :(得分:1)

我刚刚意识到所有&#39;编译器&#39;正在做的是从任何@import引用的文件中复制css。其中一个是上面的@import声明。我只是在我的项目中找到隐藏在深色文件夹中的较少文件中的引用,并将其更改为//fonts.googleapis.com ....并且在编译时将其拉入。