Ich kann nur die aktuelle App unter sehen /public
.
Die Konfigurationen in webpack.config.js
sind unten:
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: [
'webpack-dev-server/client?http://localhost:8080',
'webpack/hot/only-dev-server',
'./app/js/App.js'
],
output: {
path: path.join(__dirname, 'public'),
filename: 'bundle.js',
publicPath: 'http://localhost:8080'
},
module: {
loaders: [
{
test: /\.js$/,
loaders: ['react-hot', 'babel-loader'],
exclude: /node_modules/
}
]
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin()
]
};
Die Projekthierarchie lautet:
App
- js
Knotenmodule
Öffentlichkeit
CSS
img
bundle.js
index.html
package.json
webpack.config.js
Wie kann ich Änderungen vornehmen, um sicherzustellen, dass der http://localhost:8080/
Eintrag für die Anwendung an sich bestimmt ist?
node.js
reactjs
webpack
reactjs-flux
webpack-dev-server
Jason Lam
quelle
quelle
Sie können das
--content-base
Flag auch zu Ihrem Startskript hinzufügen , zquelle
In meinem Fall habe ich falsch geschrieben,
'index.html'
als ich das eingerichtet habeHTMLWebpackPlugin
. Überprüfen Sie Ihre Dateinamen, wenn Sie dieses Plugin verwenden.quelle
template
Parameters kann ich jetzt problemlos mein eigenes HTML angeben. Vielen Dank!Ich hatte versehentlich index.html entfernt und dann nur die Verzeichnisliste erhalten.
quelle