Bundler & Minifier,CSS @imports 和@keyframes 上的缩小错误

Bundler & Minifier, CSS Minification Errors on @imports and @keyframes

我正在使用 Visual Studio 2015,我刚刚安装了 Bundler & Minifier 扩展以最小化 HTML、JS 和 CSS 代码。

当我 运行 我的项目时,我遇到了很多错误..这里我展示了其中的一些。

这是我的代码示例:

@import url('https://fonts.googleapis.com/css?family=Roboto:300');
@charset "UTF-8";

这是错误:

@此处不允许导入。

这里不允许@charset。

(Bundler & Minifier) 预期的表达式,找到 '}'

你有解决这个问题的办法吗?

这个回答对我帮助很大

Minification failed. Returning unminified contents

@Import 必须始终位于 CSS 文档中的第一个。当您将多个 CSS 文件捆绑在一起时,它会将它们链接成一个捆绑的 css 文件。由于第二个 css 文件添加到我的包中,在包配置中,开头包含一个 @Import,因为文件被链接在一起,@import 出现在新合并文档的中间。一旦我更改了捆绑顺序,问题就解决了。