Question

我有一个gulp构建文件，可以创建一个文件＆＃39; style.css＆＃39;来自一堆* .less文件。不会生成错误。一切都被复制到style.css除了第一行：

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

这导致构建的应用程序中的字体看起来不对。但是，当我手动将上述@import复制到style.css时，一切看起来都正确。所以我知道问题是在style.css中缺少上面的@import。

我无法弄清楚为什么当gulp创建时，为什么上面的行没有被包含在目标css文件中。

这是我的一项任务：

gulp.task('index:build1', ['index:clean'], function () {
   return gulp.src('src/less/style.less')
        .pipe(less())
        .pipe(gulp.dest('src/styles/'))
});

这是我的（编辑过的）style.less，它基本上是一堆@import行，可以输入所有单独的* .less文件。（这都是有效的。）

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

// Color list
@color-navy-blue:#34495e;
@color-violet:#9b59b6;
<snip, for readability>

// Additional variables
@menu-width: 180px;
@main-transition: all 0.1s ease-out 0s;

// Import all styles
@import "margins.less";
@import "alerts.less";
@import "modal.less";
<snip, it's a long list>

我知道网址很好，因为我可以将其粘贴到Chrome中并返回预期的结果（一堆@ font-face条目）。

为什么第一个@import行没有包含在目标.css文件中？非常感谢任何帮助！

gulp less不要复制@import url行

0 个答案: