如何从 Visual Studio 2019 中的 css 和 min.css 文件更新源映射文件 (css.map)

问题描述

在 Visual Studio 2019 中,是否有任何简单的工具可以从 css 和 min.css 文件更新源映射文件 (css.map)?

我在一个包含 default.css 的项目中有一个 default.less 文件,然后嵌套了两个文件:default.css.map 和 default.min.css

+ default.less
     |
     |-----+ default.css
               |
               |-----+ default.css.map
               |
               |-----+ default.min.css

我从来没有少工作过。这个项目是由其他人构建的。项目中似乎安装了一个名为 dotless 的 nuget 包。我在分配的这个项目中是全新的,我必须维护它。

当 asp.net mvc 应用程序执行时,我收到一个错误,说它无法解析 default.css.map 文件内容。似乎 default.css.map 文件没有从 default.css 和 default.min.css 正确更新。

所以现在我试图从 default.css 和 default.min.css 更新 default.css.map 文件。我不知道该怎么做。有什么想法吗?

解决方法

我一直发现使用显式 .map 文件很烦人。几乎所有的 LESS 编译器都带有将地图源编译到 .css 文件的选项。这是最好的选择,因为它始终是最新的,然后您可以制作不包含地图的生产配置。

我主要在我的 mvc 应用程序中使用 WebCompiler,尽管 webpack 也有这个功能。