Je ne peux voir que l'application actuelle sous /public
.
Les configurations dans webpack.config.js
sont ci-dessous:
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()
]
};
La hiérarchie du projet est la suivante:
app
node_modules
publique
css
img
bundle.js
index.html
package.json
webpack.config.js
Comment puis-je modifier pour m'assurer que l'entrée http://localhost:8080/
est pour l'application en soi?
Si vous utilisez le serveur de développement de Webpack, vous pouvez transmettre les options permettant d'utiliser /public
comme répertoire de base.
devServer: {
publicPath: "/",
contentBase: "./public",
hot: true
},
Reportez-vous aux documents de configuration de Webpack et plus particulièrement à les documents du serveur de développement Webpack pour plus d'options et d'informations générales.
Vous pouvez également ajouter le drapeau --content-base
à votre script de démarrage, par exemple.
"scripts": {
"start:dev": "webpack-dev-server --inline --content-base ./public"
}
Dans mon cas, j'ai mal orthographié 'index.html'
lorsque j'ai configuré la HTMLWebpackPlugin
. Vérifiez vos noms de fichiers si vous utilisez ce plugin.
var HTMLWebpackPlugin = require('html-webpack-plugin');
var HTMLWebpackPluginConfig = new HTMLWebpackPlugin({
template: __dirname + '/app/index.html',
filename: 'index.html',
inject: 'body'
});
J'avais accidentellement supprimé index.html et je n'avais que la liste des répertoires.