Posts

Featured Posts

Deploy SPFx production solution files in specific folder with in container on Azure CDN

Hi, When we creates SPFx solution and deploying the build files on Azure CDN, it deployes all the files in a container which you mentioned in "deploy-azure-storage.json" file. This is bit messi to see. Because you can deploy multiple solution on the same container. But what if you want to manage solutions by Solutions or By versions. Here is the way. I will show you how to deploy SPFx production deployment files in a specific folder in the Container on Azure CDN. First you have to deploy some gulp task packages in dev-dependencies npm install gulp-util gulp-deploy-azure-cdn --save-dev Now you need to make following changes in the "gulpfile.js" file : const deployCdn = require('gulp-deploy-azure-cdn'); const gutil = require('gulp-util'); gulp.task('deploy-azure-storage-folder', function () {   return gulp.src('temp/deploy/**/*', {}).pipe(deployCdn({       containerName: '<<Your Container Name>>', // Cont

How to use AngularJS in SharePoint Framework (SPFx)

In this post, I will show you how to use AngularJS in SPFx. I have divided the steps for better understanding. Here are the steps: 1.         Create SPFx Project with No JavaScript Web Framework 2.         Add Dev Dependencies 3.         Remove some Dependencies 4.         Run “npm install” 5.         Modify “config.json” 6.         Create folder called “app” under “/src/webparts/ angularjsWebpart/” and Create following files in “app” folder a.         Greetings.component.html b.         Greeting.module.css c.         Greetings.component.ts d.         Greetings.service.ts (If required) e.         app.module.ts 7.         Modify “<<your_webpart>>webpart.ts” file & add some code. 8.         Finally run your solution Create SPFx Project with No JavaScript Web Framework Remember you have to create project with  No javascript web framework  option. Create a new project directory in your favorite location. md angularjs-webpart Go to the project directory. cd angularjs-webpart