Refactor project specific JS to use AMD

Owned by Former user (Deleted)
Last updated: Feb 01, 2016
1 min read

#1 Add attached JS files to Areas\<AreaName>\js folder

#2 Open require.config.js file and change line below with actual Area name

window.require.baseUrl = "/Areas/RenameMeArea/js";

#3 Copy all application (not component specific) logic you have inside Areas\<AreaName>\js\<ProjectName>.js file into just added main.js file.

#4 Rebuild your components using AMD JS pattern as defined in Creating a Gallery Component - Score 2.0

#5 Delete JS files

File to deleteReason
Areas\<AreaName>\js\bootstrap.min.jsfile moved to Areas\ScoreBootstrapUI\js\Vendor\bootstrap.min.js
Areas\<AreaName>\js\jquery.unobtrusive-ajax.min.jsfile moved to Areas\ScoreBootstrapUI\js\Vendor\jquery.unobtrusive-ajax.min.js
Areas\<AreaName>\js\jquery.validate.unobtrusive.min.jsfile moved to Areas\ScoreBootstrapUI\js\Vendor\jquery.validate.unobtrusive.min.js
Areas\<AreaName>\js\<ProjectName>.js

application logic moved to Areas\<AreaName>\js\main.js

components logic moved to corresponding component script.