node.jsサーバーを設定しようとしています。現在、現在のwebpack.config.jsでnpm startを実行すると、すべてがロードされます。ノードサーバーを実行すると、index.jsが見つかりません。webpackとnode.jsの出力ファイルがありません
webpack.config.js
var config = {
context: path.join(__dirname, 'src'),
entry: './js/main.js',
output: {
path: __dirname + '/src/',
filename: 'index.js',
},
devServer: {
inline: true,
port: 8080
},
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['es2015', 'react']
}
}
]
}
}
module.exports = config;
ここにはhtmlがあります。見た目は必要ありません。
<html lang="en">
<head>
</head>
<body>
<div id="app"></div>
<script src="index.js"></script>
</body>
</html>
Package.json
{
"name": "",
"version": "1.0.0",
"description": "",
"main": "webpack.config.js",
"scripts": {
"start": "webpack-dev-server --content-base src --hot",
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"history": "^1.17.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-router": "^4.2.0",
"webpack": "^3.8.1",
"webpack-dev-server": "^2.9.3"
},
"devDependencies": {
"express": "^4.16.2",
"http": "0.0.0",
"react-socket-io": "^0.2.4",
"socket.io": "^2.0.3",
"webpack": "^3.8.1"
}
}
私はNode.jsのにかなり新たなんだとWebPACKの私はindex.jsは私がNPM開始を実行したときに出力されなくなったときにされている理由を正確にわからないんだけど私はノードサーバーを実行します。私はserver.jsをアップロードすることができますが、それは非常に基本的なテンプレートに従います。
編集:私はそれが働いているようだ、私は別のポート上のnode.jsサーバーだけでなくwebpack devのサーバーを実行する必要があります。問題をフォローアップしてください。これを変更してノードサーバーを実行しても問題はありませんか?
を開始する前に、何のファイルがディスクに書き込まれません。それはすべてメモリから提供されます –
あなたは確かにすることができます。 Checkout https://github.com/webpack/webpack-dev-middleware – jakewies