webpack mit react.js aspnet - 'global' und 'exporte' undefined - javascript, webpack, reactjs.net

Ich versuche, eine Reaktionsanwendung für Aspnet zu erstellen, und verwende das Webpack.

Dies ist meine Webpack-Konfiguration

var path = require("path");
var webpack = require("webpack");
var HtmlWebpackPlugin = require("html-webpack-plugin");
var pkg = require("./package.json");

// bundle dependencies in separate vendor bundle
var vendorPackages = Object.keys(pkg.dependencies).filter(function (el) {
return el.indexOf("font") === -1; // exclude font packages from vendor bundle
});

/*
* Default webpack configuration for development
*/
var config = {
devtool: "eval-source-map",
cache: true,
entry: {
main: path.join(__dirname, "app", "App.js"),
vendor: vendorPackages
},
output: {
path: path.join(__dirname, "js"),
filename: "[name].js",
sourceMapFilename: "[file].map"
},

resolve: {
modulesDirectories: ["node_modules"], alias: {}, extensions: ["", ".jsx", ".js"]
},
plugins: [
new webpack.OldWatchingPlugin(),  //needed to make watch work. see http://stackoverflow.com/a/29292578/1434764
new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendor", /* filename= */"vendor.js")
],
resolveLoader: {
"fallback": path.join(__dirname, "node_modules")
},
module: {
loaders: [{
test: /.js$/,
exclude: /node_modules/,
loader: "babel",
query: {
presets: ["es2015","react"]
}
}, {
test: /.css$/,
loader: "style!css!"
}]
}
}

/*
* If bundling for production, optimize output
*/
if (process.env.NODE_ENV === "production") {
config.devtool = false;

config.plugins = [
new webpack.optimize.OccurenceOrderPlugin(),

new webpack.optimize.UglifyJsPlugin({
comments: false,
compress: { warnings: false}
}),
new webpack.DefinePlugin({
"process.env": {NODE_ENV: JSON.stringify("production")}
})
];
};

module.exports = config;

Beim Versuch, auf die Seite zuzugreifen, werden diese beiden Fehler in der Konsole angezeigt.

SCRIPT5009: "global" ist undefiniert vendor.js (42739,2)

SCRIPT5009: "exportiert" ist undefiniert mobilelobbyapp.js (1,1)

Ich kann nicht herausfinden, wie man diese behebt. Ich habe an einem funktionierenden Beispiel bemerkt, dass die exportierte js-Datei aus dem Webpack hat

webpackJsonp([0],{

am anfang der datei wo meins hat

exports.ids = [0];
exports.modules = {

Antworten:

Ich habe diesen Beitrag gefunden 'global' undefiniert nach dem Ausführen von webpack und ich konnte fixSCRIPT5009: "global" ist undefiniert vendor.js durch Hinzufügen

neues webpack.DefinePlugin ({global: {}}), um

plugins: [
new webpack.OldWatchingPlugin(),  //needed to make watch work. see     https://stackoverflow.com/a/29292578/1434764
new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendor", /* filename= */"vendor.js"),
new webpack.DefinePlugin({ global: {} }),
],

und dann habe ich SCRIPT5009 behoben: "Exporte" ist undefiniert durch Entfernen

target: "node",

aus meiner webpack.config