Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/twenzel/WebOptimizer.Dotless below:

twenzel/WebOptimizer.Dotless: Less compiler for the WebOptimizer pipeline using dotless

This package compiles LESS files into CSS by hooking into the LigerShark.WebOptimizer pipeline.

Master (Version >= 3.0) is being updated for ASP.NET Core 3.x.

For ASP.NET Core 2.x, use the latest 1.0.10 Tag or NuGet Package.

Add the NuGet package codeessentials.WebOptimizer.Dotless to any ASP.NET Core project supporting .NET Standard 2.0 or higher.

> dotnet add package codeessentials.WebOptimizer.Dotless

Here's an example of how to compile a.less and b.less from inside the wwwroot folder and bundle them into a single .css file called /all.css:

In Startup.cs, modify the ConfigureServices method:

public void ConfigureServices(IServiceCollection services)
{
    services.AddMvc();
    services.AddWebOptimizer(pipeline =>
    {
        pipeline.AddLessBundle("/all.css", "a.less", "b.less");
    });
}

...and add app.UseWebOptimizer() to the Configure method anywhere before app.UseStaticFiles, like so:

public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
    }

    app.UseWebOptimizer();

    app.UseStaticFiles();
    app.UseMvc(routes =>
    {
        routes.MapRoute(
            name: "default",
            template: "{controller=Home}/{action=Index}/{id?}");
    });
}

Now the path http://domain/all.css will return a compiled, bundled and minified CSS document based on the two source files.

You can also reference any .less files directly in the browser (http://domain/a.less) and a compiled and minified CSS document will be served. To set that up, do this:

services.AddWebOptimizer(pipeline =>
{
    pipeline.CompileLessFiles();
});

Or if you just want to limit what .less files will be compiled, do this:

services.AddWebOptimizer(pipeline =>
{
    pipeline.CompileLessFiles("/path/file1.less", "/path/file2.less");
});

In _ViewImports.cshtml register the TagHelpers by adding @addTagHelper *, WebOptimizer.Core to the file. It may look something like this:

@addTagHelper *, WebOptimizer.Core
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4