catamphetamine / universal-webpack

Isomorphic Webpack: both on client and server

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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>
                ]
``