Asp.net mvc bundle将所有css文件打包在一起

小渣渣

BundleConfig配置如下：

登录可见。

cshtml代码如下：

登录可见。

这样配置的话，页面没有问题，但是，并没有把所有的css打包成了一个文件！

尝试使用下面配置：

登录可见。

登录可见。

由于font-awesome需要加载字体文件，页面会无法正确显示，网络请求并且会报404错误，如下：


解决办法

由于一般css中引用的woff2都是通过相对路径引入，在bundle对css进行压缩成woff2文件的时候，通过相对路径根本不能找到文件，所以我们需要从谢IItemTransform实现全路径，直接贴代码：

登录可见。

然后再Bundle使用的时候这样:

登录可见。

这样bundle在对css进行压缩的时候，会对相对路径机型替换，处理成全路径。这样就解决问题了。

参考资料：https://stackoverflow.com/questi ... t-virtual-directory

小渣渣

【实战】使用 BundleTransformer 替换 System.Web.Optimization
https://www.itsvse.com/thread-10387-1-1.html

小渣渣

EnableOptimizations 启用

登录可见。

如果 compilation 中 debug 属性为 true，则捆绑压缩无效。

登录可见。

发布的时候 Web.Release.config 会删除 debug 属性，如下：

登录可见。