我最近将我less.js
的版本从 1.3.3 升级到了 1.5.0,并意识到@import
在使用相对路径时这对我来说是个问题。
这是我简化的目录结构,我有两个.less
文件,一个被称为,另一个global.less
是custom.less
.
/ (document root directory)
/project/styles/global.less
/vendor/bootstrap/custom.less
在里面global.less
,我有一个@import
:
@import "../../vendor/bootstrap/custom.less";
在 1.3.3 版本中,这似乎工作正常。当我在浏览器中运行我的网站时,它会尝试加载:
http://localhost/vendor/bootstrap/custom.less
但是,在我升级到 1.5.0 版后,当我在浏览器中运行我的网站时,我收到一个错误,因为它现在正在尝试加载:
http://../vendor/bootstrap/custom.less
我知道最简单的方法是更改@import
使用绝对路径,但我宁愿不这样做,因为它会破坏我们的构建脚本,这更难配置。
我尝试使用relativeUrls
和rootpath
选项,但它们都没有帮助。
希望有人有想法,否则我将被迫使用 1.3.3 代替。