我遇到了 static-site-generator-webpack-plugin 的一些问题。
在我的项目中,我使用了:
以下是
当我试图使用它时,我看到错误消息:
在我的项目中,我使用了:
- webpack v2.1.0-beta.27
- static-site-generator-webpack-plugin v3.1.0
- react 和 react-dom v15.4.1
以下是
webpack.config.babel.js
文件的一部分:
import StaticSiteGeneratorPlugin from 'static-site-generator-webpack-plugin'
export default {
entry: {
main: './components/Root/index.jsx',
},
output: {
path: path.join(process.cwd(), './public'),
filename: '[name].[hash].js',
libraryTarget: 'umd',
},
plugins: [
// ...
new StaticSiteGeneratorPlugin('main', '/', {}),
]
// ...
}
这是./components/Root/index.jsx
文件:
import React from 'react'
import ReactDOMServer from 'react-dom/server'
import HTMLDocument from 'react-html-document'
import App from '../App/index.jsx'
export default function (locals, callback) {
const MyHtml = (
<HTMLDocument
title='My Page'
metatags={[
{ name: 'description', content: 'My description' },
]}
scripts={[ `${locals.assets.main}` ]}>
<App />
</HTMLDocument>
)
const html = ReactDOMServer.renderToStaticMarkup(MyHtml, locals.assets)
callback(null, '<!doctype html>' + html)
}
ERROR in ReferenceError: self is not defined
。这是什么意思?
inline: false
属性解决了它。简直不敢相信。你 Den 值得一块饼干。 - Daniel Birowsky Popeski