Supondo que esteja utilizando Express pode usar a função express.static() que serve justamente para "servir arquivos estáticos".
Esta função possui a seguinte estrutura:
express.static(root, [options])
Você pode usar a função nativa __dirname
para referenciar a própria pasta como caminho relativo e assim poder concatenar com o restante do caminho até sua pasta estando ela em níveis superiores ou abaixo.
O seguinte exemplo pressupõe que seu projeto tenha a seguinte estrutura de pastas:
root folder
|
|---- render
| |
| |---- views
|
|---- node_modules
// todo conteúdo da pasta views disponível via GET
app.use(express.static(__dirname + '/render/views'))
Esta função permite que todos os arquivos da pasta selecionada e todas os diretórios subjacentes estejam disponíveis através de uma requisição GET
.
Ela também permite (opcionalmente) definir opções como: etag
, maxAge
, a lista de extensões, definir headers
ou mesmo se a navegação no diretório será permitida ou não... este é um exemplo de opções da função na própria documentação:
var options = {
dotfiles: 'ignore',
etag: false,
extensions: ['htm', 'html'],
index: false,
maxAge: '1d',
redirect: false,
setHeaders: function (res, path, stat) {
res.set('x-timestamp', Date.now())
}
}
app.use(express.static('public', options))
Caso não queira disponibilizar todo o conteúdo do diretório podes simplesmente tratar um ou mais arquivos específicos via roteamento pelo pedido GET
exemplo:
const fs = require('fs')
// ...
app.get('/index.ejs', (req, res, next) => {
res.type('text/plain')
.send(fs.readFileSync('./render/views/index.ejs', 'utf-8'))
.end()
})
Através de roteamento é importante definir o mime-type
adequado... como "templates" .ejs
não são iguais a arquivos .js
deve utilizar apenas text/plain
.
Utilizando este método é possível servir qualquer tipo de arquivo, apenas adicione o mime-type
correto.
Em seu Service Worker ficaria algo como:
self.addEventListener('install', function(event) {
event.waitUntil(
caches.open(CACHE_NAME).then(function(cache) {
return cache.addAll([
'/',
'/index.ejs',
'../css/materialize.css',
'../css/custom.css', ....
Sem ter de recuar ou avançar diretórios na declaração de rota do arquivo .ejs
.
Tente ai e diga se deu certo.
Fonte: Express 4.x API
GET
ou se esta usando Express como um recurso estático usando express.static() A pergunta é: por que cachear um arquivo que não pode ser usado pelo browser?. Salvar em cache não vai fazer o navegador usá-lo para renderizar nada.