MVC4 связывает CSS с ошибкой Неожиданный токен, найденный '@import'

Ответ 1

Здесь есть несколько проблем:

• Проблема css связана с включением jquery.ui.all.css, поскольку по умолчанию minifier не поддерживает следующие импортные операции, и это не то, что вы хотите сделать так или иначе, все файлы jquery ui css. Так что вы хотите сделать вместо этого, не использовать *.css, а вместо этого явно указывать, какие файлы jquery ui вы хотите включить:

   bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
          "~/Content/themes/base/jquery.ui.core.css",
          "~/Content/themes/base/jquery.ui.resizable.css",
          "~/Content/themes/base/jquery.ui.selectable.css",
          "~/Content/themes/base/jquery.ui.accordion.css",
          "~/Content/themes/base/jquery.ui.autocomplete.css",
          "~/Content/themes/base/jquery.ui.button.css",
          "~/Content/themes/base/jquery.ui.dialog.css",
          "~/Content/themes/base/jquery.ui.slider.css",
          "~/Content/themes/base/jquery.ui.tabs.css",
          "~/Content/themes/base/jquery.ui.datepicker.css",
          "~/Content/themes/base/jquery.ui.progressbar.css",
          "~/Content/themes/base/jquery.ui.theme.css"));
  

• Во-вторых, вы хотите использовать методы Script/Styles.Render, а не явно ссылаться на URL-адрес связки, как вы это делаете, поскольку помощники автоматически не будут связывать/минимизировать и отображать отдельные ссылки на каждый Script/style в режиме отладки, а также добавьте отпечаток пальца для содержимого пакета в URL-адрес, чтобы кеширование браузера работало должным образом.

  @Scripts.Render("~/JSBundle") and @Styles.Render("~/CSSBundle")
  

• Вы также можете использовать StyleBundle/ScriptBundle, который является просто синтаксическим сахаром, потому что вам не нужно проходить новый Css/JsMinify.

Вы также можете ознакомиться с этим учебным пособием для получения дополнительной информации: Учебник по объединению

Ответ 2

Или что вы можете сделать, это написать свой собственный BundleTransform для CssMinify, если вам нужна такая гибкость. Итак, например, ваш код в BundleConfig.cs выглядит так:

using System;
using System.Web.Optimization;
using StyleBundle = MyNamespace.CustomStyleBundle;

public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new StyleBundle("~/Content/themes/base/css")
            .IncludeDirectory("~/Content/themes/base", "*.css"));
    }
}

Тогда вам нужно добавить:

public class CustomStyleBundle : Bundle
{
    public CustomStyleBundle(string virtualPath, IBundleTransform bundleTransform = null)
        : base(virtualPath, new IBundleTransform[1]
            {
                bundleTransform ?? new CustomCssMinify()
            })
    {
    }

    public CustomStyleBundle(string virtualPath, string cdnPath, IBundleTransform bundleTransform = null)
        : base(virtualPath, cdnPath, new IBundleTransform[1]
            {
                bundleTransform ?? new CustomCssMinify()
            })
    {
    }
}

public class CustomCssMinify : IBundleTransform
{
    private const string CssContentType = "text/css";

    static CustomCssMinify()
    {
    }

    public virtual void Process(BundleContext context, BundleResponse response)
    {
        if (context == null)
            throw new ArgumentNullException("context");
        if (response == null)
            throw new ArgumentNullException("response");
        if (!context.EnableInstrumentation)
        {
            var minifier = new Minifier();
            FixCustomCssErrors(response);
            string str = minifier.MinifyStyleSheet(response.Content, new CssSettings()
            {
                CommentMode = CssComment.None
            });
            if (minifier.ErrorList.Count > 0)
                GenerateErrorResponse(response, minifier.ErrorList);
            else
                response.Content = str;
        }
        response.ContentType = CssContentType;
    }

    /// <summary>
    /// Add some extra fixes here
    /// </summary>
    /// <param name="response">BundleResponse</param>
    private void FixCustomCssErrors(BundleResponse response)
    {
        response.Content = Regex.Replace(response.Content, @"@import[\s]+([^\r\n]*)[\;]", String.Empty, RegexOptions.IgnoreCase | RegexOptions.Multiline);
    }

    private static void GenerateErrorResponse(BundleResponse bundle, IEnumerable<object> errors)
    {
        StringBuilder stringBuilder = new StringBuilder();
        stringBuilder.Append("/* ");
        stringBuilder.Append("CSS Minify Error").Append("\r\n");
        foreach (object obj in errors)
            stringBuilder.Append(obj.ToString()).Append("\r\n");
        stringBuilder.Append(" */\r\n");
        stringBuilder.Append(bundle.Content);
        bundle.Content = stringBuilder.ToString();
    }
}

И если вам понадобится еще несколько исправлений/ошибок, вы можете расширить эту логику в методе FixCustomCssErrors.