在静态文件中表达,扩展变量

时间:2022-10-29 23:30:13

I am using express on a nodejs platform and serve my javascript library files using this directive

我在nodejs平台上使用express,并使用此指令提供我的javascript库文件

app.use('/static', express.static(__dirname + '/static'))

Now I want to be able to write something like that, inside one of these static files

现在我希望能够在其中一个静态文件中编写类似的东西

[..] var host = <%= host %> [..]

Is there any possibility to expand variables inside statically served files?

是否有可能在静态服务文件中扩展变量?

3 个解决方案

#1


1  

Here's an idea you might want to refine:

以下是您可能希望改进的想法:

var ejs = require('ejs');

//Express.js setup
...

app.use('/public/js/myfile.js', function(req, res){
    var f = ejs.compile('var host = <%= hostname %>;');
    var fileContent = f({hostname: 'somevalue'});
    res.setHeader('Content-Type', 'application/javascript');
    res.setHeader('Content-Length', fileContent.length);
    res.send(fileContent);
});
app.use(express.static(path.join(__dirname, 'public')));

//Routes definition
...

I used ejs since that's what you already use. So the idea is to have a middleware that catches requests to those "dynamic" javascript files, and use the template engine to compile the content.

我使用了ejs,因为那是你已经使用的。因此,我们的想法是拥有一个中间件来捕获对这些“动态”javascript文件的请求,并使用模板引擎来编译内容。

Note that I use a simple string variable here, but you could read the file from disk and then compile it.

请注意,我在这里使用了一个简单的字符串变量,但您可以从磁盘读取该文件然后进行编译。

Cheers

#2


0  

You can use loDash's templating with express using lodashinexpress.

您可以使用lodashinexpress快速使用loDash的模板。

#3


0  

Please see my answer here: https://*.com/a/19812753/2728686

请在此处查看我的答案:https://*.com/a/19812753/2728686

Using the Jade templating engine you can serve static files and send serverside javascript variables to the static HTML files (or to any jade templates), as such:

使用Jade模板引擎,您可以提供静态文件并将服务器端javascript变量发送到静态HTML文件(或任何jade模板),如下所示:

Server side (server.js):

服务器端(server.js):

app.set('views', __dirname + '/views');
app.set('view engine', 'jade');

app.get('/', ensureAuthenticated, function(request, response){
    response.render('index', { data: {currentUser: request.user.id} });
});

app.use(express.static(__dirname + '/www'));

views/index.jade:

!!! 5
script(type='text/javascript')
    var local_data =!{JSON.stringify(data)}

include ../www/index.html

#1


1  

Here's an idea you might want to refine:

以下是您可能希望改进的想法:

var ejs = require('ejs');

//Express.js setup
...

app.use('/public/js/myfile.js', function(req, res){
    var f = ejs.compile('var host = <%= hostname %>;');
    var fileContent = f({hostname: 'somevalue'});
    res.setHeader('Content-Type', 'application/javascript');
    res.setHeader('Content-Length', fileContent.length);
    res.send(fileContent);
});
app.use(express.static(path.join(__dirname, 'public')));

//Routes definition
...

I used ejs since that's what you already use. So the idea is to have a middleware that catches requests to those "dynamic" javascript files, and use the template engine to compile the content.

我使用了ejs,因为那是你已经使用的。因此,我们的想法是拥有一个中间件来捕获对这些“动态”javascript文件的请求,并使用模板引擎来编译内容。

Note that I use a simple string variable here, but you could read the file from disk and then compile it.

请注意,我在这里使用了一个简单的字符串变量,但您可以从磁盘读取该文件然后进行编译。

Cheers

#2


0  

You can use loDash's templating with express using lodashinexpress.

您可以使用lodashinexpress快速使用loDash的模板。

#3


0  

Please see my answer here: https://*.com/a/19812753/2728686

请在此处查看我的答案:https://*.com/a/19812753/2728686

Using the Jade templating engine you can serve static files and send serverside javascript variables to the static HTML files (or to any jade templates), as such:

使用Jade模板引擎,您可以提供静态文件并将服务器端javascript变量发送到静态HTML文件(或任何jade模板),如下所示:

Server side (server.js):

服务器端(server.js):

app.set('views', __dirname + '/views');
app.set('view engine', 'jade');

app.get('/', ensureAuthenticated, function(request, response){
    response.render('index', { data: {currentUser: request.user.id} });
});

app.use(express.static(__dirname + '/www'));

views/index.jade:

!!! 5
script(type='text/javascript')
    var local_data =!{JSON.stringify(data)}

include ../www/index.html