我是webpack的新手,目前正在尝试进行一些演示。但是,似乎我的服务器找不到从index.html
文件引用的文件。
我正在使用http-server
,这是index.html
页面:
<html>
<head>
<title>Page title</title>
</head>
<body>
<div id="app"></div>
<script src="../build/js/bundle.js"></script>
</body>
</html>
...和我的webpack.config.js
文件:
var path = require("path");
module.exports = {
context: path.resolve("src"),
entry: "./index.js",
output: {
path: path.resolve("build/js/"),
filename: "bundle.js"
},
module: {
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader"
}
]
},
resolve: {
extensions: [".js", ".es6"]
}
};
目前我正在尝试设置以下文件结构:
构建
JS
SRC
JS
index.js
公开
运行webpack
并启动服务器后,我收到404错误,指出无法找到bundle.js
。