Critical dependencies - the request of a dependency is an expression Webpack
After much hit and trial found the solution.What i did is this:
template: require("../../scripts" + modalConfig.templateUrl + ".html")Assumptions
- root folder under which all the file comes is
scripts - and the relative path of this folder from the file in which the function is written is say
../../scripts. ../../scripts+modalConfig.templateUrl+".html"will form the correct path for the file to be used.
Mandatory Note
Always write some hardcoded path of root folder. Don't put it in variable. so this won't work
var context = "../../scripts" ; template: require(context + modalConfig.templateUrl + ".html")
The base path (as in a part of the actual path) has to be hardcoded for basic reference, as in it helps webpack to create a list of all the modules which might be needed for the dynamic requires.
Reason (from webpack docs) , read dynamic requires.