Файл
bundle.js не загружается в мой HTML-файл при использовании Express в реагировать.структура моего проекта
|-dist
|-node-modules
|-public
|--index.html
|-server
|--index.js
|-src
|--index.js
|-package.json
|-webpack.config.js
index.html файл выглядит следующим образом
<html>
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
</head>
<body>
<script type="text/javascript" src="/../dist/bundle.js"></script>
<div id="root">Hello</div>
</body>
</html>
, а index.js в каталоге сервера выглядит следующим образом
var express = require('express');
var path = require("path");
var app = express();
//var render = require("../dist/bundle");
app.get("/", (req,res)=>res.sendFile(path.resolve(__dirname+'/../public/index.html')));
var port = 8080;
app.listen(port,()=>console.log("Listening on port 8080"));
иwebpack.config.js is
var path = require('path');
module.exports = {
entry:"./src/index.js",
output:{
filename:"bundle.js",
path:path.resolve(__dirname,"dist")
},
module:{
rules:[
{
test:/\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env',"@babel/preset-react"]
}
}
}
],
},
};