Create minified versions of custom widgets scripts

• Install Node.js. For more information see: NodeJS download.
• Install the grunt CLI by runing npm install -g grunt-cli in your Command Prompt. For more information see: GruntJS Getting Started.

1. Navigate to the folder where your custom MVC widget is placed. Once you coplmete the below steps, a minified version of all all JavaScript files in the curren tfolder will be created in a new folder  [current folder]/MVC .
   

   NOTE: You do not need to minify JavaScript files that start with DesinerView since they are related to the Sitefinity backend.

2. In the current folder (the root folder of your custom MVC widget), create a new filecalled gruntfile.js with the following contents:
   
   
3. In the current folder create a new file called package.json witht he following contents:
4. Open the Command Prompt, navigate to the root folder of your custom MVC widget and run the following commands:
   • npm install
   • grunt

RESULT:As a result, in your custom MVC widget root folder, next to your existing JavaScript files, you will notice the new minified script files, containing a minified version of the JavaScript and a source map. The files follow the same naming convention as your original files, plus the min.js extension. 

NOTE: If the initial JavaScript files are a part of an assembly, do not forget to include the newly produced minified files and source maps in your project and embed them.