// webpack.ssr.js
output: {
path: path.resolve(__dirname, 'dist'), // set the dir path of output
filename: '[name]-server.js', // set the name of the bundle filename
libraryTarget: 'umd',
},
//src/search/search-server.js
const React = require('react');
const logo = require('./imgs/logo.png');
require('./css/search.less')
const a = require('./tree-shaking').a;
class Search extends React.Component {
constructor() {
super(...arguments);
this.state = {
Text: null
}
}
loadComponent() {
import('./text.js').then((Text)=>{
this.setState({
Text: Text.default
})
})
}
render () {
const {Text} = this.state;
const funcA = a()
return <div className="search-text">
search text test watch { funcA }
{ Text ? <Text /> : null }
<div>
dev server
</div>
<img onClick={ this.loadComponent.bind(this) } src={ logo }></img>
</div>
}
}
console.log(Search)
module.exports = <Search/>;
打包后的search-server.js 好像没有抛出任何东西?
// server/index.js
const SSR = require('../dist/search-server');
console.log(SSR)
ssr 是undefined
展开