本文主要解决了以下几个问题:
webpack-dev-server配置后,访问页面出现GET /xxx
时如何解决
webpack-dev-server中historyApiFallback的作用
为什么不正确的配置会导致页面404
webpack-dev-server中publicPath的作用
为了写react demo,搭了一个简洁版的环境,因此webpack配置极其简单:
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
mode: "development",
entry: {
app: path.join(__dirname, "../app/index.js")
},
output: {
filename: "app.js",
path: path.join(__dirname, "../dist")
},
resolve: {
extensions: [".js", ".jsx"]
},
module: {
rules: [
{
test: /\.js[x]?$/,
use: "babel-loader"
}
]
}