After grunt build
ing my AngularJS app to my dist
directory, I would like to test it out with grunt server
. Problem is that grunt server
just serves up all the code in my app/
directory. Additionally, keep in mind that I created my app with yo angular
.
Here is the server task code in my Gruntfile.js
grunt.registerTask('server', [
'clean:server',
'coffee:dist',
'compass:server',
'livereload-start',
'connect:livereload',
'open',
'watch'
]);
Is there a way to make grunt server
only serve up the built code in my dist/
directory?
The
grunt serve:dist
answer is the correct one, but the process is quite annoying because you need to compile your whole project into production mode every time you call grunt serve:dist.What I did is I modified the
Gruntfile.js
in theserve
task, removing thebuild
task from the parameter sent torun
. You need to manually build first withgrunt
orgrunt build
and then callgrunt serve:dist
and manually open the URL.Although other have not advised doing this, I believe this is what you are looking for. I do something like this in my server.js file when using express.
Hope this helps!
The very short answer is
That works with my yeoman-generated
Gruntfile.js
which contains:Whether or not you could do it isn't important. What is important is that you should not use grunt server for this. The server task in grunt as you can see does many things that you don't need in a dist folder, as well as the fact that they will all be hard coded for your app folder.
If you just want to try out the result of the dist folder, what you should do is just cd into the dist directory and then start a simple HTTP server like the one that comes with python.
That should start a small server for you to try the dist directory out.