I intend to develop an angularJS client where I will use angular components. This will result in multiple .js / .css files. In order to avoid routine binding to every newly added js / css file, I intend to use a task with grunt-include-source support.
The problem is that after configuring Gruntfile.js, the "grunt includeSource" task is launched, returning "Done, without errors." status, but the update is not performed in the index.html file.
My project structure is the one shown in the attached figure (I use WebStorm as an IDE).

My index.html file is as follows:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>RavenApp</title>
</head>
<body>
<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/angular-route/angular-route.js"></script>
<script src="../bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="../bower_components/angular-mocks/angular-mocks.js"></script>
<script src="../bower_components/jquery/dist/jquery.js"></script>
<script src="../bower_components/underscore/underscore.js"></script>
</body>
</html>
My Gruntfile.js is as follows:
module.exports = function (grunt) {
grunt.loadNpmTasks('grunt-wiredep');
grunt.loadNpmTasks('grunt-include-source');
grunt.initConfig({
wiredep: {
target: {
src: 'app/index.html'
}
},
includeSource: {
options: {
basePath: 'app',
templates: {
html: {
js: '<script src="{filePath}"></script>',
css: '<link rel="stylesheet" type="text/css" href="{filePath}" />'
}
},
app: {
files: {
'app/index.html': 'app/index.html'
}
}
}
}
});
};
Can someone tell me what I did wrong? Thank.