Я могу видеть только фактическое приложение под /public
.
Конфигурации в webpack.config.js
приведены ниже:
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()
]
};
Иерархия проекта:
Приложение
node_modules
общественное
CSS
IMG
bundle.js
index.html
package.json
webpack.config.js
Как я могу изменить, чтобы убедиться, что запись http://localhost:8080/
для приложения сама по себе?
Если вы используете dev-сервер webpack, вы можете передать опции для использования /public
в качестве базового каталога.
devServer: {
publicPath: "/",
contentBase: "./public",
hot: true
},
См. Документацию по настройке веб-пакета и, в частности, документацию по серверу разработчика веб-пакета для получения дополнительных опций и общей информации.
Вы также можете добавить флаг --content-base
к вашему запуску script, например.
"scripts": {
"start:dev": "webpack-dev-server --inline --content-base ./public"
}
В моем случае я ошибся 'index.html'
при настройке HTMLWebpackPlugin
. Дважды проверьте свои имена файлов, если вы используете этот плагин.
var HTMLWebpackPlugin = require('html-webpack-plugin');
var HTMLWebpackPluginConfig = new HTMLWebpackPlugin({
template: __dirname + '/app/index.html',
filename: 'index.html',
inject: 'body'
});
Я случайно удалил index.html, а затем получил только список каталогов.