SystemWebpack 1.0.0-beta1

Webpack dev server and hot module replacement support for System.Web / ASP.NET projects

Allows you to use the Webpack dev server and hot module reloading system in classic System.Web projects.

This is a prerelease version of SystemWebpack.
Install-Package SystemWebpack -Version 1.0.0-beta1
dotnet add package SystemWebpack --version 1.0.0-beta1
paket add SystemWebpack --version 1.0.0-beta1
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

SystemWebpack - Webpack dev server support for System.Web (old ASP.NET)

It is very nice that we have ASP.NET Core, and got nice toys to play with like built-in support for the Webpack dev server. But what about System.Web? So many projects are still built on the old ASP.NET framework, where we don't have Webpack dev server support.

This library aims to fix that. This library provides support for the good parts of Webpack in System.Web projects. This library is heavily inspired by Microsoft.AspNetCore.JavascriptServices and in fact uses much code from that project.

NuGet Version and Downloads count

Features

Support for:

  • Webpack dev middleware
  • Hot module replacement, for more information, view the webpack docs.

Used for development purposes only.

Usage

Ensure you got the following node packages installed in your web project package.json:

Install the package the package from NuGet:

Add-Package SystemWebpack

Modify your web.config:

<system.webServer>
	<handlers>
	  <!-- These handlers are required so the Webpack HTTP module can capture these requests. An alternative would be to use
		   system.webServer/modules@runManagedModulesForAllRequests but you might not want to use that for your project
       
		   By mapping these paths to the built-in StaticFileHandler we force that managed modules are run for these requests.
	   -->
	  <add name="WebpackDevJsonHandleModule" verb="*" path="*.json" type="System.Web.StaticFileHandler"/>
	  <add name="WebpackDevJsHandleModule" verb="*" path="*.js" type="System.Web.StaticFileHandler"/>
	  <add name="WebpackDevHmrHandleModule" verb="*" path="__webpack_hmr" type="System.Web.StaticFileHandler"/>
	  <add name="WebpackDevBuildHandleModule" verb="*" path="build/*" type="System.Web.StaticFileHandler"/>
	</handlers>
</system.webServer>
<location path="__webpack_hmr">
	<system.web>
	  <httpRuntime executionTimeout="3600" enableKernelOutputCache="false"/>
	</system.web>
	<system.webServer>
	  <urlCompression doDynamicCompression="false" doStaticCompression="false"/>
	</system.webServer>
</location>

Ready to go!

Building the project

To build the project ensure you have:

  • .NET Framework 4.5.2 or higher installed
  • Visual Studio with Web Development tools
  • Powershell 4 or higher

To build the project simply run:

build

To build the project simply run:

build -Target NuGet-Pack

Contributions

This project is accepting contributions. Please keep the following guidelines in mind:

  • Add tests for new code added
  • Keep in line with the existing code style
  • Don't reformat existing code
  • Propose new features before creating pull requests to prevent disappointment

SystemWebpack - Webpack dev server support for System.Web (old ASP.NET)

It is very nice that we have ASP.NET Core, and got nice toys to play with like built-in support for the Webpack dev server. But what about System.Web? So many projects are still built on the old ASP.NET framework, where we don't have Webpack dev server support.

This library aims to fix that. This library provides support for the good parts of Webpack in System.Web projects. This library is heavily inspired by Microsoft.AspNetCore.JavascriptServices and in fact uses much code from that project.

NuGet Version and Downloads count

Features

Support for:

  • Webpack dev middleware
  • Hot module replacement, for more information, view the webpack docs.

Used for development purposes only.

Usage

Ensure you got the following node packages installed in your web project package.json:

Install the package the package from NuGet:

Add-Package SystemWebpack

Modify your web.config:

<system.webServer>
	<handlers>
	  <!-- These handlers are required so the Webpack HTTP module can capture these requests. An alternative would be to use
		   system.webServer/modules@runManagedModulesForAllRequests but you might not want to use that for your project
       
		   By mapping these paths to the built-in StaticFileHandler we force that managed modules are run for these requests.
	   -->
	  <add name="WebpackDevJsonHandleModule" verb="*" path="*.json" type="System.Web.StaticFileHandler"/>
	  <add name="WebpackDevJsHandleModule" verb="*" path="*.js" type="System.Web.StaticFileHandler"/>
	  <add name="WebpackDevHmrHandleModule" verb="*" path="__webpack_hmr" type="System.Web.StaticFileHandler"/>
	  <add name="WebpackDevBuildHandleModule" verb="*" path="build/*" type="System.Web.StaticFileHandler"/>
	</handlers>
</system.webServer>
<location path="__webpack_hmr">
	<system.web>
	  <httpRuntime executionTimeout="3600" enableKernelOutputCache="false"/>
	</system.web>
	<system.webServer>
	  <urlCompression doDynamicCompression="false" doStaticCompression="false"/>
	</system.webServer>
</location>

Ready to go!

Building the project

To build the project ensure you have:

  • .NET Framework 4.5.2 or higher installed
  • Visual Studio with Web Development tools
  • Powershell 4 or higher

To build the project simply run:

build

To build the project simply run:

build -Target NuGet-Pack

Contributions

This project is accepting contributions. Please keep the following guidelines in mind:

  • Add tests for new code added
  • Keep in line with the existing code style
  • Don't reformat existing code
  • Propose new features before creating pull requests to prevent disappointment

Release Notes

Initial version

Version History

Version Downloads Last updated
1.0.0-beta1 34 10/7/2018