All Projects → jsakamoto → Toolbelt.Blazor.DevServer.WithCssLiveReloader

jsakamoto / Toolbelt.Blazor.DevServer.WithCssLiveReloader

Licence: Apache-2.0 license
Development server for use when building Blazor applications, with CSS Live Reloader.

Programming Languages

C#
18002 projects
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to Toolbelt.Blazor.DevServer.WithCssLiveReloader

p5-server
Command-line tool to create and run p5.js sketches. It runs a server with live reload, sketch-aware directory listings, automatic libraries for JavaScript-only sketches.
Stars: ✭ 33 (+83.33%)
Mutual labels:  live-reload
elemon
live-reload Electron application during development
Stars: ✭ 71 (+294.44%)
Mutual labels:  live-reload
LiveReloadServer
A self-contained, local, cross-platform, static file Web Server with automatic Live Reloading, Markdown rendering and loose Razor Pages support.
Stars: ✭ 69 (+283.33%)
Mutual labels:  live-reload
rebirth
Supports live reloading for Go
Stars: ✭ 60 (+233.33%)
Mutual labels:  live-reload
AsteroidsWasm
Collection of applications based on a single C# .NET Standard project running in: Blazor Client (WebAssembly), Blazor Server, Electron, WPF, WinForms, Xamarin
Stars: ✭ 136 (+655.56%)
Mutual labels:  blazor-webassembly
universal-hot-reload
Hot reload client and server webpack bundles for the ultimate development experience
Stars: ✭ 79 (+338.89%)
Mutual labels:  live-reload
tower
基于反向代理的Golang即时编译工具,可在生产环境下无缝切换到新版本
Stars: ✭ 21 (+16.67%)
Mutual labels:  live-reload
Blazor.PersianDatePicker
A free JavaScript Jalali (Persian) and Gregorian (Miladi) dual datepicker library for Blazor applications
Stars: ✭ 40 (+122.22%)
Mutual labels:  blazor-webassembly
denoliver
A simple, dependency free static file server for Deno with possibly the worst name ever.
Stars: ✭ 94 (+422.22%)
Mutual labels:  live-reload
live-reload-vanilla-website-template
Template to build a website without a front-end framework, including transpilation of ES6+ JavaScript and Sass support
Stars: ✭ 47 (+161.11%)
Mutual labels:  live-reload
Vscode Live Server
Launch a development local Server with live reload feature for static & dynamic pages.
Stars: ✭ 3,275 (+18094.44%)
Mutual labels:  live-reload
Algernon
🎩 Small self-contained pure-Go web server with Lua, Markdown, HTTP/2, QUIC, Redis and PostgreSQL support
Stars: ✭ 1,880 (+10344.44%)
Mutual labels:  live-reload
blazorators
This project converts TypeScript type declarations into C# representations, and use C# source generators to expose automatic JavaScript interop functionality.
Stars: ✭ 225 (+1150%)
Mutual labels:  blazor-webassembly
hotbuild
a cross platform hot compilation tool for golang
Stars: ✭ 181 (+905.56%)
Mutual labels:  live-reload
learn-ngrok
☁️ Learn how to use ngrok to share access to a Web App/Site running on your "localhost" with the world!
Stars: ✭ 50 (+177.78%)
Mutual labels:  live-reload
TypeScriptXX
🧷 Stay safe! Type-safe scripting for C++ using TypeScriptToLua and CMake with auto-generated declarations.
Stars: ✭ 33 (+83.33%)
Mutual labels:  live-reload
electron-angular-webpack
A simple kit for Electron, Angular 6 and Webpack 4 including a live reload system for Angular.
Stars: ✭ 62 (+244.44%)
Mutual labels:  live-reload
Blazor.BrowserExtension
A package for building Browser Extension with Blazor WebAssembly application.
Stars: ✭ 207 (+1050%)
Mutual labels:  blazor-webassembly
MudBlazor
Blazor Component Library based on Material design with an emphasis on ease of use. Mainly written in C# with Javascript kept to a bare minimum it empowers .NET developers to easily debug it if needed.
Stars: ✭ 4,539 (+25116.67%)
Mutual labels:  blazor-webassembly
node-docker
Guide for Writing Dockerfiles for Node.js Applications
Stars: ✭ 91 (+405.56%)
Mutual labels:  live-reload

Blazor Dev Server with CSS Live Reloader NuGet Package

Summary

Alternative Blazor Dev Server to be available CSS live reloading.

fig.1

This is an alternative development server for use when building Blazor WebAssembly standalone (not ASP.NET Core hosted) applications, include CSS live reloader.a

There are already many live reloading solutions.
However, instead of this middleware works for only CSS files, it reload styles more smoothly rather than other solutions.

How to use

What you have to do is, just rewrite your project file (.csproj) to replace the Blazor Dev Server package from ASP.NET Core edition to this one.

<!-- This is your project file (.csproj) -->
<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
  ...
  <ItemGroup>
    ...
    <!-- Remove this 👇 package reference, and ... -->
    <!--
    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="5.0.4" PrivateAssets="all" />
    -->

    <!-- Add this 👇 package reference, instead. -->
    <PackageReference Include="Toolbelt.Blazor.DevServer.WithCssLiveReloader" Version="5.0.4" PrivateAssets="all" />
    ...

That's all!

Supported Blazor Versions

  • Blazor WebAssembly v.3.2.1 👉 Use v.3.2.1.200 of this package.
  • Blazor WebAssembly v.5.0.0 👉 Use v.5.0.0 of this package.
  • Blazor WebAssembly v.5.0.1 👉 Use v.5.0.1 of this package.
  • Blazor WebAssembly v.5.0.2 👉 Use v.5.0.2 of this package.
  • Blazor WebAssembly v.5.0.3 👉 Use v.5.0.3 of this package.
  • Blazor WebAssembly v.5.0.4 👉 Use v.5.0.4 of this package.

For Blazor WebAssembly ASP.NET Core hosted...

If you building a Blazor WebAssembly app which is ASP.NET Core hosted, please use Toolbelt.AspNetCore.CssLiveReloader NuGet package, instead of this.

See also: Toolbelt.AspNetCore.CssLiveReloader NuGet package

Release Notes

Release Notes is here.

License

Apache License Version 2.0

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].