How to Serve Static Content (.html, .js, etc) with Express.JS - express

Question

Express isn't letting my web application load up AngularJS. My web application has a directory structure that basically looks like this:
\root
server.js
\angularApplication
index.html
\assets
angular.js
My server.js looks like this:
var express = require('express');
var app = express();
app.get("/", function(req, res) {
res.sendFile(__dirname + '/angularApplication/index.html');
});
app.use("/angularScripts", express.static(__dirname + '/angularApplication/assets'));
index.html loads fine, but the script doesn't load. I get this 404 error:
GET http://localhost:8000/angularScripts/angular.js
If I reference AngularJS in my HTML normally:
<script src="/relative-path-to/angular.js"></script>
then Express still won't get the files. What am I doing incorrectly, and why does Express refuse to serve up any my scripts?

Answer 1

The following worked for me:
app.use("/angularJS", express.static(__dirname + '/angularApplication/assets'));
But only if I reference the script in the HTML like this:
<script src="angularJS/angular.js"></script>
Obviously this isn't how app.use is meant to be used. The better solution I've found is this:
app.use(express.static(__dirname + '/angularApplication/assets'));
// app.use(express.static(__dirname + '/angularApplication/etc'));
These will serve up all of the files in the directory, and thus the scripts and stylesheets can be referenced like this instead on the front-end:
<script src="angular.js"></script>