HtmlWebpackPlugin注入相对路径文件,这些文件在加载非根网站路径时会中断

我使用webpack和HtmlWebpackPlugin将捆绑的js和css注入到html模板文件中.

new HtmlWebpackPlugin({
   template: 'client/index.tpl.html',
   inject: 'body',
   filename: 'index.html'
}),

它会生成以下html文件.

  
    ...
    
  
  
    

    
  

这在访问应用程序的根目录时工作正常localhost:3000/,但是当我尝试从另一个URL访问应用程序时失败,例如,localhost:3000/items/1因为捆绑的文件没有注入绝对路径.加载html文件时,它将在不存在的/items目录中查找js文件,因为react-router尚未加载.

如何让HtmlWebpackPlugin注入具有绝对路径的文件,所以express将在我的/dist目录的根目录中查找它们而不是在/dist/items/main-...min.js？或者也许我可以更改我的快速服务器来解决这个问题？

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

app.get('*', function response(req, res) {
  res.sendFile(path.join(__dirname, '../dist/index.html'));
});

基本上,我只需要得到这条线:

在源的开头有一个斜杠.

    


    

        

            
            

                
                    
                
            

            

                TXCWB_523            

            

                这个屌丝很懒，什么也没留下！            
            
            


                                
                    
                    关注作者
                            

        
    


    

        
Tags | 热门标签
        

            

                                

                    actionscrip
                
                                

                    bash
                
                                

                    c#
                
                                

                    c++
                
                                

                    c语言
                
                                

                    erlang
                
                                

                    flutter
                
                                

                    go
                
                                

                    golang
                
                                

                    java
                
                                

                    javascript
                
                                

                    lua
                
                                

                    node.js
                
                                

                    perl
                
                                

                    php
                
                                

                    python
                
                                

                    scala
                
                                

                    typescript
                
                                

            
        
    


    

        
RankList | 热门文章
        

            

                                

                    1在r中计数为零时按计数分组
                
                                

                    2如何使用mysqli_fetch_assoc从mysql获取所有行并转换为JSON
                
                                

                    3AWS Lambda函数不接受Twilio模块
                
                                

                    4R小册子如何点击地图并添加一个圆圈
                
                                

                    5加载MySQLdb模块时出错:libmysqlclient.so.20:无法打开共享对象文件:没有这样的文件或目录
                
                                

                    6使用astropy.io.fits编写适合文件
                
                                

                    7Pythonic维护变量赋值的方法
                
                                

                    8在什么情况下你会使用一个返回另一个函数(Javascript)的函数？
                
                                

                    9带有CORS转储数据的Django 1.9:"corsheaders_corsmodel"不存在
                
                                

                    10如何设计一些常量是否由多个类使用
                
                                

                    11访问for-of循环内的ES6数组元素索引
                
                                

                    12MYSQL基于提供的月份排序
                
                                

                    13javax.servlet-api.jar与servlet-api.jar之间的区别
                
                                

                    14适用于Android和IOS的HighChart库
                
                                

                    15在Haskell中导入数据类型
                
                                

                    16Array.apply(null,Array(9))vs new Array(9)
                
                                

                    17如何在DynamoDB中查询不存在的(null)属性
                
                                

                    18React  - 如何仅捕获父级的onClick事件而不是子级
                
                                

                    19子类的对象创建是否创建了超类的对象,如果是,是否可以在子类中访问它？
                
                                

                    20Node.js sqlite3 IN运算符