Ich habe ein Problem mit static-site-generator-webpack-plugin.Webpack 2: Static-Site-Generator-Plugin "Selbst ist nicht definiert"
In meinem Projekt verwende ich:
- webpack v2.1.0-beta.27
- statisch-Ort-Generator-webpack-Plugin v3.1.0
- reagieren und reagieren-dom v15.4.1
Es ist eine einzelne Seite Website.
Hier ist ein Teil der webpack.config.babel.js
Datei:
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', '/', {}),
]
// ...
}
Und das ist ./components/Root/index.jsx
Datei:
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)
}
Wenn ich versuche, es zu verwenden, sehe ich die Fehlermeldung: ERROR in ReferenceError: self is not defined
. Was heißt das?
Eine friggin 'inline: false' Eigenschaft löste es. Kann es nicht glauben. Sie verdienen einen Keks. – Birowsky