Question

我有一个MVC4应用程序，样式表是用SASS / SCSS编写的。我正在使用Web.Optimizations库来捆绑所有的CSS和JS文件。这可以正常工作，直到我启用Bundle Table上的EnableOptimizations属性来压缩所有这些文件。

使用此选项呈现网站时，所有SASS文件内容都丢失，并且网站没有正确设置样式，请将该属性设置为false，一切正常，网站看起来应该正常。

我安装到项目中的NuGet包我认为是相关的如下捆绑变压器：核心 Bundle Transformer：Sass和SCSS Microsoft ASP.NET Web优化框架。

这是我的BundleConfig类的副本

 public class BundleConfig
    {
        // For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254725
        public static void RegisterBundles(BundleCollection bundles)
        {

            bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                        "~/Scripts/jquery-ui-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.unobtrusive*",
                        "~/Scripts/jquery.validate*"));

            // Use the development version of Modernizr to develop with and learn from. Then, when you're
            // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                        "~/Scripts/modernizr-*"));



            bundles.Add(new ScriptBundle("~/assets/js").IncludeDirectory("~/assets/js","*.js",true));

            // "~/assets/css/styles.css",
            bundles.Add(new StyleBundle("~/bundles/css").Include("~/assets/css/cookiecuttr.css",
                                                               "~/assets/sass/styles.scss"));

            BundleTable.EnableOptimizations = true;
        }
    }

任何帮助将不胜感激

Answer 1

解决了这个问题，

首先安装NSASS.Core，NSASS.Handler和NSASS.Optimization，将SCSS文件分离到自己的SASS Bundle。将渲染添加到布局文件中，并启用优化，并且它可以正常工作。

.NET SCSS文件和BundleTable.EnableOptimizations = true问题

1 个答案: