我只能在 /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()
]
};
项目层次结构是:
应用程序
- js
node_modules
公开
css
img
bundle.js
index.html
package.json
webpack.config.js
如何修改以确保 http://localhost:8080/
条目适用于应用程序本身?
最佳答案
如果你使用 webpack 的开发服务器,你可以传入选项以使用 /public
作为基本目录。
devServer: {
publicPath: "/",
contentBase: "./public",
hot: true
},
见 webpack configuration docs ,特别是 webpack dev server docs了解更多选项和一般信息。
关于node.js - Webpack-dev-server 提供目录列表而不是应用程序页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33382526/