如何告诉Webpack开发服务器为任何路由提供index.html文件

Question

如何告诉Webpack开发服务器为任何路由提供index.html文件

reactjsecmascript-6webpackreact-router

196

React路由允许React应用程序处理/arbitrary/route。为了使其工作，我需要我的服务器在任何匹配的路由上发送React应用程序。

但是webpack dev server不处理任意终点。

这里有一个解决方案，使用额外的express服务器。如何允许webpack-dev-server从react-router允许入口点

但我不想启动另一个express服务器来允许路由匹配。我只想告诉webpack dev server匹配任何URL并发送我的React应用程序。谢谢。

- eguneys

你看过React Router Mega Demo吗？ - rojobuffalo

1

可能是如何允许webpack-dev-server允许来自react-router的入口点的重复问题。 - Mišo

11个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dipak Telangre · Answer 1

对于那些像我一样仍在努力让这个配置与 webpack > 5 兼容的人，这是一个可行的配置。

//webpack.config.js

const path = require('path');

module.exports = {
    entry: './src/main.js',
    output: {
        path: path.join(__dirname, 'output'),
        filename: 'bundle.js',
        
    },
    devServer: {
        port: 3000,        
        historyApiFallback:true,
        static: './'
    }
}

index.html文件位于根目录。