Saya hanya dapat melihat aplikasi sebenarnya di bawah /public
.
Konfigurasi di webpack.config.js
bawah ini:
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()
]
};
Hierarki proyek adalah:
aplikasi
- js
node_modules
publik
css
img
bundle.js
index.html
package.json
webpack.config.js
Bagaimana saya bisa memodifikasi untuk memastikan http://localhost:8080/
entri itu untuk aplikasi itu sendiri?
node.js
reactjs
webpack
reactjs-flux
webpack-dev-server
Jason Lam
sumber
sumber
Anda juga dapat menambahkan
--content-base
bendera ke skrip start-up Anda, misalnya"scripts": { "start:dev": "webpack-dev-server --inline --content-base ./public" }
sumber
Dalam kasus saya, saya salah mengeja
'index.html'
saat menyiapkanHTMLWebpackPlugin
. Periksa kembali nama file Anda jika Anda menggunakan plugin ini.var HTMLWebpackPlugin = require('html-webpack-plugin'); var HTMLWebpackPluginConfig = new HTMLWebpackPlugin({ template: __dirname + '/app/index.html', filename: 'index.html', inject: 'body' });
sumber
template
parameter ini saya dapat menentukan html saya sendiri tanpa masalah. Terima kasih banyak!Saya tidak sengaja menghapus index.html dan kemudian saya hanya mendapatkan daftar direktori.
sumber