当 webpack 恰巧遇上 Asp.net mvc core

本文不作为webpack与asp.net mvc core的入门文章,入门文章请参考它们的官方文档。本文主要介绍,webpack是如何与asp.net mvc core无缝衔接的,而visual studio 2017又是如何完美支持webpack的。

1. npm包,visual studio 2017默认是不加载的,也就是node_modules目录在visual studio 2017是看不见的


2. asp.net mvc core的url重写组件完美支持前端路由,再也不用担心强制刷新,页面会跑掉的问题
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
在上面的方法中添加如下的代码
var rewrite = new RewriteOptions().AddRewrite(@"^main(.*?)", "/", skipRemainingRules: true);
app.UseRewriter(rewrite);

就是说,我们前端路由是main打头的地址,而我们首页是我们内容的单页,这样就是强制刷新,它仍然指向首页,看起来还是前端路由。

3. 把打包生成的文件全部放置到wwwroot目录下面

总结:当然也有不足的地方,就是没法热更新,因为mvc的母模板文件没法通过热更新,可以尝试用一个html的页面来做单页面,这个留给大家自己去尝试吧。
Posted by 何敏
on 2018/07/28 14:09:34
Copyright ©2018 程序员网址导航 粤ICP备14091834号