Bir dizin yapısı var

projectName
    | - bower_components/
    | - public/
        | - css
        | - js
        | - index.html
    | - Gruntfile.js
    | - package.json
    | - bower.json
    | - app.js

Uygulamasını başlatın ve düğüm ile index.html hizmet etmek istiyorum. app.js.

var express = require('express');
var port = process.env.PORT || 3000;
var app = express();

app.configure(function(){
    // Serve up content from public directory
    app.use(express.static(__dirname   '/public'));
    app.use(app.router);
    app.use(express.logger()); 
});

app.listen(port, function(){
    console.log('Express server listening on port '   port);
});

index.html dibinde var:

<script src="../bower_components/jquery/jquery.js"></script>
<script src="../bower_components/d3/d3.js"></script>
<script src="../bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/spin.js/spin.js"></script>
<script src="bower_components/mustache/mustache.js"></script>

Sunucu, index.html gösterir ama yukarıda kütüphaneler yükü hiçbiri başladığımda. Hata (404):

GET http://localhost:3000/bower_components/jquery/jquery.js 404 (Not Found) localhost/:32
GET http://localhost:3000/bower_components/d3/d3.js 404 (Not Found) localhost/:33
GET http://localhost:3000/bower_components/bootstrap/dist/js/bootstrap.js 404 (Not Found) localhost/:34
GET http://localhost:3000/bower_components/spin.js/spin.js 404 (Not Found) localhost/:35
GET http://localhost:3000/bower_components/mustache/mustache.js 404 (Not Found) 

Nasıl bower_components dosyaları olabilirim?

Bu kurulum kullanın:

app.use(express.static(__dirname   '/public'));
app.use('/bower_components',  express.static(__dirname   '/bower_components'));

Herhangi bir Bower bileşenleri bu gibi HTML yüklenir:

<script src="/bower_components/..."></script>

Ve tarafı istemci JS diğer/CSS (public/) böyle yüklenir:

<script src="/js/..."></script>