Twitter Bootstrap WebJar无法正确引用less文件

Question

我正在使用 Twitter Bootstrap Webjar："org.webjars" % "bootstrap" % "3.3.6"。然后我在我的模板中包含它：<link rel="stylesheet" href="assets/lib/bootstrap/css/bootstrap.css">，但是我从 less 文件中收到了很多 404 错误，例如：

http://localhost:9000/assets/lib/bootstrap/css/less/mixins/image.less 404

当我打开包含Webjar库的文件夹时，我发现less文件夹不在assets/lib/bootstrap/css/less中，而是在assets/lib/bootstrap/less中。

由于对这个文件夹的引用是从我的Webjar获取的文件中完成的，那么我该如何设置正确的路径到less文件夹？

- Scipion

---

.less文件的引用来自哪里？ - James Ward

bootstrap.map 文件 - Scipion

Answer 1

很不幸，这是由于Bootstrap具有错误的路径引用所致。 因此，WebJar中无法修复它。

tail -n 1 META-INF/resources/webjars/bootstrap/3.3.6/css/bootstrap.css
/*# sourceMappingURL=bootstrap.css.map */

在bootstrap.css.map文件中，你会看到错误的路径引用：

{"version":3,"sources":["bootstrap.css","less/normalize.less" ...

顺便提一句：地图文件只有在打开开发者工具时才会加载，因此普通用户不需要担心这个问题。

- James Ward