我正在使用Parcel捆绑我的客户端代码,每次我运行生产构建时,它都会将javascript代码捆绑到一个带有散列部分的文件中。例如:webrtc.27c30b71.js
。
目前,每次构建客户端代码时,我都必须进入服务器文件并手动更改代码,以反映新生成的哈希名称。
const handleRequest = (request: IncomingMessage, response: ServerResponse) => {
// Render the single client html file for any request the HTTP server receives
console.log('request received: ' + request.url);
if(request.url === '/') {
response.writeHead(200, {'Content-Type': 'text/html'});
response.end(fs.readFileSync('dist/index.html'));
} else if(request.url === '/webrtc.27c30b71.js')) { <----------
response.writeHead(200, {'Content-Type': 'application/javascript'});
response.end(fs.readFileSync('dist/webrtc.27c30b71.js')); <-----------
}
};
一定有更好的方法来做这件事。如何才能使我不必在每次重新构建客户端代码时都手动修改服务器代码?
发布于 2019-01-03 18:07:52
所以这是我的解决方案,我不知道它是否会被认为是处理这个问题的最佳实践,但它是有效的,我需要转移到更重要的事情上。
const handleRequest = (request: IncomingMessage, response: ServerResponse) => {
// Render the single client html file for any request the HTTP server receives
console.log('request received: ' + request.url);
if(request.url === '/') {
response.writeHead(200, {'Content-Type': 'text/html'});
response.end(fs.readFileSync('dist/index.html'));
} else if(/(\/)(webrtc)(\.).*?(\.)(js)/.test(request.url as string)) { <----------
response.writeHead(200, {'Content-Type': 'application/javascript'});
response.end(fs.readFileSync(`dist${request.url}`)); <---------
}
};
我使用了正则表达式测试来允许路径与/webrtc.[hash].js
匹配的任何请求,然后继续提供与所请求的路径匹配的文件。
https://stackoverflow.com/questions/54017201
复制