Webpack-Dev-Server从内存提供文件,直到刷新整个页面。

时间:2018-10-17 16:03:34

标签: webpack-dev-server webpack-4 html-webpack-plugin

要复制的回购:https://github.com/coreysnyder/AngularJS-Webpack4-Seed 视频完全显示了我的意思:https://youtu.be/cwC6Xcbzz5Y

当不从<script src="https://pro.fontawesome.com/releases/v5.3.1/js/all.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div data-id="wishlist"> <div class="wishlist__list"> <ul class="wishlist__items"> </ul> </div> </div> <div class='products'> <div class="items__wish"> <div id='1' class='item__title item__tile'>Product 1</div> <img class="item__img" src="https://www.iconasys.com/wp-content/uploads/2017/06/360-Product-Photography-White-Background-Acrylic-Riser-08.jpg"> <label class="wish-btn"> <input type="checkbox" name="wish-check" class='my-wish-add'><i class="wish-icon far fa-heart"></i></input></label> </div> <div class="items__wish"> <div id='2' class='item__title item__tile'>Product 2</div> <img class="item__img" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQoqpSgkG4AQDQOe33jI1NiW3GW2JSB-_v36aREsVyFQH55JFOJ"> <label class="wish-btn"> <input type="checkbox" name="wish-check" class='my-wish-add'><i class="wish-icon far fa-heart"></i></input></label>提供webpack-dev-server而是从localhost/这样的自定义顶级网址投放服务时,我遇到了一个非常奇怪的情况,即点击该顶层网址会将我正确地路由到我的Webpack应用从缓存中投放,然后单击任何链接以在此应用程序管理的子页面之间切换即可。但是,如果我单击刷新,应用程序将重新加载,而不是使用内存中的缓存,它似乎会加载/ dist /目录中的内容。我可以通过修改dist目录中的内容并看到仅当从子URL访问服务器时看到这些更改来验证这一点。另外,如果我完全删除dist目录,则只能直接从公共路径加载应用程序,并且任何子URL都将生成404。如果我将公共路径设置为“ /”,此问题将消失。

0 个答案:

没有答案