/aspnetcore-webpack-vue-sandbox

Playground for trying out ASP.NET Core setups with Webpack and Vue.js

Primary LanguageC#MIT LicenseMIT

ASP.NET Core, Webpack and Vue.js playground

This repo contains demos showing various ways of configuring webpack and vue.js with ASP.NET Core projects.

Running the samples

> npm run build-dev or npm run build-prod
> dotnet run

Demos

The master branch is currently targeting .NET Core 2.1 RC1, ASP.NET Core 2.1 RC1, webpack 4.8.3, and TypeScript 2.8.3

  • Demo 1 - Loads Vue & SignalR from CDNs. No webpack. JavaScript in page.

  • Demo 2 - Loads JavaScript dependencies from NPM. Webpack bundling with TypeScript transpiling JavaScript to ES2015. Defines vue.js global component with external template.

  • Demo 3 - Loads JavaScript dependencies from NPM. Webpack bundling with TypeScript transpiling to ES2015. Defines vue.js global component with external template and class decorators.

  • Demo 4 - Loads JavaScript dependencies from NPM. Webpack bundling with TypeScript transpiling to ES2015. Custom vue.js component using single file component with .vue extension.

  • Demo 5 - NPM for JavaScript. Webpack bundling with TypeScript transpiling to ES2015. Async vue.js component (SFC). RxJS 6 w/ SignalR stream adapter.

  • Demo 6 - NPM for JavaScript. Webpack bundling with TypeScript transpiling. Async vue.js component (SFC) + vuex state management. RxJS 6 w/ SignalR stream adapter.

  • Demo 7 - NPM for JavaScript. Webpack bundling with TypeScript transpiling. Async vue.js component (SFC) + vuex state management + experimental SignalR VueJS plugin. RxJS 6 w/ SignalR stream adapter.

Useful tools