如何将SaSS用于ASP.NETMVC应用程序？

尝试使用Web Compiler插件，这是我用来在MVC中编译SCSS的工具。

一个Visual Studio扩展，可编译LESS，Sass，JSX，ES6和CoffeeScript文件。

小智.. 11

我认为您可以使用其他更简单的方法。

步骤1

在您的NuGet管理器中执行此步骤。

加 Microsoft.AspNet.Web.Optimization

加 BundleTransformer.SassAndScss

LibSassHost.Native.win-x64如果使用系统64位，请添加。

LibSassHost.Native.win-x86

第2步

在methode中BundleConfig.cs添加此代码RegisterBundles。

var nullBulider = new NullBuilder();
var nullOrderer = new NullOrderer();

BundleResolver.Current = new CustomBundleResolver();
var commOnStyleBundle= new CustomStyleBundle("~/Bundle/sass");

commonStyleBundle.Include("~/css/main.scss");
commonStyleBundle.Orderer = nullOrderer;
bundles.Add(commonStyleBundle);

第三步

在您的项目中添加CSS文件夹，并在其中添加main.scss文件表。

第四步

在您看来，您需要使用System.Web.Optimization。

@using System.Web.Optimization

并链接您的样式表

@Styles.Render("~/Bundle/sass").

第5步

在中，Global.asax我们需要在中添加此行Application_Start()。

RouteConfig.RegisterRoutes(RouteTable.Routes);
BundleConfig.RegisterBundles(BundleTable.Bundles);

或者，如果您使用MVC Templet，您可能会在班上已经找到它。

这就是您main.scss的工作。

尝试使用Web Compiler插件，这是我用来在MVC中编译SCSS的工具。

一个Visual Studio扩展，可编译LESS，Sass，JSX，ES6和CoffeeScript文件。

我认为您可以使用其他更简单的方法。

步骤1

在您的NuGet管理器中执行此步骤。

加 Microsoft.AspNet.Web.Optimization

加 BundleTransformer.SassAndScss

LibSassHost.Native.win-x64如果使用系统64位，请添加。

LibSassHost.Native.win-x86

第2步

在methode中BundleConfig.cs添加此代码RegisterBundles。

var nullBulider = new NullBuilder();
var nullOrderer = new NullOrderer();

BundleResolver.Current = new CustomBundleResolver();
var commOnStyleBundle= new CustomStyleBundle("~/Bundle/sass");

commonStyleBundle.Include("~/css/main.scss");
commonStyleBundle.Orderer = nullOrderer;
bundles.Add(commonStyleBundle);

第三步

在您的项目中添加CSS文件夹，并在其中添加main.scss文件表。

第四步

在您看来，您需要使用System.Web.Optimization。

@using System.Web.Optimization

并链接您的样式表

@Styles.Render("~/Bundle/sass").

第5步

在中，Global.asax我们需要在中添加此行Application_Start()。

RouteConfig.RegisterRoutes(RouteTable.Routes);
BundleConfig.RegisterBundles(BundleTable.Bundles);

或者，如果您使用MVC Templet，您可能会在班上已经找到它。

这就是您main.scss的工作。