我正在尝试将connect-assetmanager与 express 一起使用。显然我不明白如何将基于连接的示例改编为快速应用程序。
我采用了由 express 命令行创建的骨架应用程序(滚动到底部查看我运行的命令),并尝试将 connect-assetmanager 主页中的示例合并到其中。这是我的 app.js:
var express = require('express')
, routes = require('./routes')
, assetManager = require('connect-assetmanager');
var assetManagerGroups = {
'css': {
'route': /\/static\/css\/[0-9]+\/.*\.css/
, 'path': './public/stylesheets/'
, 'dataType': 'css'
, 'files': [ 'style.css', 'style2.css' ]
}
};
var assetsManagerMiddleware = assetManager(assetManagerGroups);
var app = module.exports = express.createServer();
app.configure(function(){
app.set('views', __dirname + '/views');
app.set('view engine', 'jade');
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(assetsManagerMiddleware);
app.use(express.static(__dirname + '/public'));
app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});
app.get('/', routes.index);
然后我修改了 layout.jade 使其样式表引用指向资产管理器路由:/static/css/style.css
欢迎页面加载(减去任何样式),在 chrome 开发工具中,我看到对上述 css 路径的请求失败。节点命令窗口中没有错误。我是否使用了错误的方法来连接资产管理器中间件来表达?还是像错误地阅读示例正则表达式一样愚蠢?
作为参考,这是我创建示例应用程序所运行的内容:
# using 2.5 since that's what the larger app is based on
sudo npm install -g express@2.5.x
# create the sample express app
express expressAssetTest
cd expressAssetTest
# add connect-assetmanager to the dependencies
echo '{
"name": "expressAssetTest"
, "version": "0.0.1"
, "private": true
, "dependencies": {
"express": "2.5.11"
, "jade": ">= 0.0.1"
, "connect-assetmanager": ">= 0.0.3"
}
}' > package.json
# add a 2nd stylesheet for testing purposes
echo ".mycssclass { top: 0; }" > public/stylesheets/style2.css
sudo npm install