javascript - html-webpack-plugin 仅在根路径中注入 js？

Question

如果我去根目录 localhost:8080 使用 Html-webpack-plugin 它会按预期注入 javascript 如果我去 localhost:8080/test html 呈现但没有 js 被注入

服务器.js

app.use('/', express.static(__dirname + '/dist'));

app.get('*', (req, res)=> {
    res.sendFile(__dirname + '/dist/index.html');
});

webpack.config.js

entry: [
        "webpack-hot-middleware/client?reload=true",
        "babel-polyfill",
        path.resolve(__dirname, './config/app/app.js')
    ],
    output: {
        path: path.resolve(__dirname, './dist'),
        filename: 'app.min.js',
        publicPath: '/'
    },
    plugins: isDeveloping ? [
        new HtmlWebpackPlugin({
            hash: true,
            filename: 'index.html',
            template: __dirname + '/dist/index.html',
            inject: 'body'
        })

我发现了一个与此类似的问题，他们的解决方案是配置 output.publicPath = '/' 我做了但仍然没有运气。我只是得到没有注入 JS 的模板

Answer 1

原来我正在运行 webpack-dev-server 并且不会注入文件系统。我将此片段添加到我的 webpack 并解决了问题

"scripts": {
    "start": "npm run build",
    "build": "webpack -p && webpack-dev-server"
  },