aleleba/create-react-ssr
1
0
Fork 0
mirror of https://github.com/aleleba/create-react-ssr.git synced 2025-07-12 15:48:31 -06:00
Code Issues Actions Packages Projects 1 Releases Wiki Activity

PR-753737: Se agregan los vendors y la optimizacion para el build.

Browse Source
This commit is contained in:
Alejandro Lembke Barrientos
2022-04-19 23:09:35 +00:00
parent dd5bc3c55a
commit e87a638e7d
6 changed files with 281 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/server/getHashManifest.js Normal file
View File

@ -0,0 +1,11 @@
import fs from 'fs';
const getHashManifest = () => {
try {
return JSON.parse(fs.readFileSync(`${__dirname}/../build/assets/manifest-hash.json`))
}catch(err){
console.error(err)
}
}
export default getHashManifest

27
src/server/server.js
View File

@ -19,6 +19,8 @@ import { createStore } from 'redux'; //, applyMiddleware
import { Provider } from 'react-redux';
import reducer from '../frontend/reducers';
import initialState from '../frontend/reducers/initialState';
//Get Hashes
import getHashManifest from './getHashManifest';
//App
import App from '../frontend/components/App';
@ -41,13 +43,29 @@ if(env === 'development'){
}));
}else{
app
.use((req, res, next) => {
if(!req.hashManifest) req.hashManifest = getHashManifest();
next();
})
.use(express.static(`${__dirname}/../build`))
.use(helmet())
.use(helmet.permittedCrossDomainPolicies())
.use(helmet({
contentSecurityPolicy: {
directives: {
...helmet.contentSecurityPolicy.getDefaultDirectives(),
"script-src": ["'self'", "'unsafe-inline'"],//"example.com"
},
},
}))
.disable('x-powered-by');
}
const setResponse = (html, preloadedState) => {
const setResponse = (html, preloadedState, manifest) => {
const mainStyles = manifest ? manifest['main.css'] : 'assets/app.css';
const mainBuild = manifest ? manifest['main.js'] : 'assets/app.js';
const vendorBuild = manifest ? manifest['vendors.js'] : 'assets/vendor.js';
return(`
<!DOCTYPE html>
<html lang="es">
@ -55,7 +73,7 @@ const setResponse = (html, preloadedState) => {
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/app.css" rel="stylesheet" type="text/css"></link>
<link href="${mainStyles}" rel="stylesheet" type="text/css"></link>
<title>App</title>
</head>
<body>
@ -63,7 +81,8 @@ const setResponse = (html, preloadedState) => {
<script>
window.__PRELOADED_STATE__ = ${JSON.stringify(preloadedState).replace(/</g, '\\u003c')}
</script>
<script src="assets/app.js" type="text/javascript"></script>
<script src="${mainBuild}" type="text/javascript"></script>
<script src="${vendorBuild}" type="text/javascript"></script>
</body>
</html>
`)
@ -79,7 +98,7 @@ const renderApp = (req, res) => {
</StaticRouter>
</Provider>
)
res.send(setResponse(html, preloadedState));
res.send(setResponse(html, preloadedState, req.hashManifest));
};
app.get('*', renderApp)