Bundler & Minifier，@imports 和 @keyframes 上的 CSS 缩小错误答案

【问题标题】：Bundler & Minifier, CSS Minification Errors on @imports and @keyframesBundler & Minifier，@imports 和 @keyframes 上的 CSS 缩小错误
【发布时间】：2017-10-06 21:09:43
【问题描述】：

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

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

这是我的代码示例：

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

这是错误：

这里不允许@import。

此处不允许使用@charset。

(Bundler & Minifier) 期望的表达式，找到 '}'

你有什么办法解决这个问题吗？

【问题讨论】：

在 Bundler & Minifier github github.com/madskristensen/BundlerMinifier/issues/191 上报告了这里？
可以，但是没有解决办法
我找到了解决方案...见下文...谢谢

标签： css visual-studio bundler minify

【解决方案1】：

这个答案对我帮助很大。

Minification failed. Returning unminified contents

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

【讨论】：