This is a sample application template to show how different languages and build runners can be combinated to build an unified and streamlined buld/deploy-chain
This template is based on the todomvc.com sample for angularjs. Therefore, the following technologies came in place for the application itself
- AngularJS
- ASP.NET WebAPI (SelfHosted)
What do you need to build?
- NodeJs
- gulp in global (npm install gulp-cli -g)
- bower in global (npm install bower -g)
- git (available in PATH)
- .NET SDK 4.5.1 (Windows 8.1 SDK, http://msdn.microsoft.com/en-us/windows/desktop/bg162891.aspx)
- Microsoft Build Tools 2013 (http://go.microsoft.com/?linkid=9832060, from http://www.visualstudio.com/en-us/downloads)
- NuGet.exe for Packageing (place it in PATH) from http://nuget.org/nuget.exe
Alternative: Build with Gradle
- Requirements: Java
gradlew ToDoSample.WebApp:gulp_injectbuilds the web app (npm install, npm install bower (not incremental), bower install, gulp inject)gradlew ToDoSample.WebApi:msbuildbuilds the web api (triggers msbuild) - does not work due to package restore problem- Pros: same build on build machine and on server, no additional installation other than Java, easy changing of build tool version (i.e. node)
- Cons: abstraction over an abstraction (if you decide to go with gradle, do not have another underlying build tool like gulp, implement this logic in gradle)
- ERROR: I can no longer open the solution in Visual Studio
- Baby steps with gulp.js: http://jairtrejo.mx/blog/2014/11/baby-steps-with-gulp
- A Beginners Guide to Package Manager Bower and Using Gulp to Manage Components Beginneers http://andy-carter.com/blog/a-beginners-guide-to-package-manager-bower-and-using-gulp-to-manage-components
- gulp-inject: https://www.npmjs.com/package/gulp-inject
- Set Working Directory in gulpfile: http://stackoverflow.com/questions/27236437/set-working-directory-in-gulpfile-js
- Bower Dependencies sorted by dependency: https://www.npmjs.com/package/gulp-concat-vendor