Building modern share point apps (angularjs, npm, bower, grunt, VS2015)
Download as PPTX, PDF1 like996 views
The document discusses building modern SharePoint apps using AngularJS, npm, bower, grunt, and VS2015. It addresses issues with single-page apps and outlines tools like package managers, Web Essentials, and Grunt to help with tasks like transpiling code, bundling/minification, dependencies, and testing. A demo shows using bower, npm, and Grunt in VS2013 vs. VS2015, including source maps. Issues with source maps in different browsers are also noted.
Building modern share point apps (angularjs, npm, bower, grunt, VS2015)
- 1. Building modern SharePoint apps (AngularJS, npm, bower, grunt, VS2015) by SERGEI SERGEEV, SHAREPOINT DEVELOPER
- 5. Possible issues with SPAs (and not only) Transpiling code, preprocessing (TypeScript, CoffeeScript, …; LESS, Sass, …) “Live” updates Bundling and minification (wout source maps) Dependencies Code style analysis Code checker JS Unit testing …Others
- 6. Package managers - VS2013 - packages.config, VS2015 - project.json - package.json - bower.json
- 8. GRUNT:The JavaScript Task Runner
- 9. GRUNT: The JavaScript Task Runner Automation Pure javascript gruntfile.js Multiple configuration (debug, release, dev, prod, etc.) Multiple plugins Customizable (you can write your own tasks (plugins)) Cross-platform
- 10. GRUNT VS support VS 2013.3: Task Runner Explorer Package Intellisense (for bower) VS 2015: Built-in
- 11. DEMO VS2013 vs VS2015 Bower NPM GRUNT Source maps Custom tasks
- 12. Source maps - notes FireFox – mystic issues Chrome – breakpoints may not hit when break inside results from async request. Chrome – breakpoint may not hit at all - Compiled script is not shown while source map is being loaded! – try to enable cache. IE 11 – simply PERFECT!
- 13. Question?
- 14. Thanks!