in head element node, only can insert one child, but i got a lot cdn link to append
minnaq opened this issue · comments
import React from 'react'
import webpageServer from 'react-isomorphic-render/server'
import { devtools } from 'universal-webpack'
import common from '../client/reactIsomorphicRender'
import Log from '../common/log'
const log = Log('webpage renderer')
export default function(parameters) {
const server = webpageServer({
assets: (url) => {
const result = clone(parameters.chunks())
result.entry = 'main'
// if(_development_){
// delete require.cache[require.resolve('../../assets/images/icon/cat_64x64.png')]
// }
// Add favicon
result.icon = require('../../assets/images/icon/cat_64x64.png')
return result
},
application: {
host: configuration.web_server.http.host,
port: configuration.web_server.http.port
},
html: {
head: (url) => {
// if(_development_) {
// const script = devtools({ ...parameters, entry: 'main' })
// return <script dangerouslySetInnerHTML = {{ __html: script }} />
// }
return (
<link href="//cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"></link>
<link rel="stylesheet" href="https://npmcdn.com/react-bootstrap-table/dist/react-bootstrap-table-all.min.css"></link>
)
}
},
middleware: [function(context, next){
global.navigator = {userAgent: context.request.header['user-agent']};
next()
}]
},
common)
server.listen(configuration.webpage_server.http.port, function(error){
if(error) {
log.error('Webpage rendering server shutdown due to an error', error)
throw error
}
log.info(`Webpage server is listening at http://localhost:${configuration.webpage_server.http.port}`)
})
}
can't insert two links in head by config html.head
html: {
head: (url) => {
// if(_development_) {
// const script = devtools({ ...parameters, entry: 'main' })
// return <script dangerouslySetInnerHTML = {{ __html: script }} />
// }
return (
<link href="//cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"></link>
<link rel="stylesheet" href="https://npmcdn.com/react-bootstrap-table/dist/react-bootstrap-table-all.min.css"></link>
)
}
},
return [
<link key="zvcvzcvzcvzxc" href="//cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"></link>,
<link key="fasdffasdasfda" rel="stylesheet" href="https://npmcdn.com/react-bootstrap-table/dist/react-bootstrap-table-all.min.css"></link>
]
``