Stylus从错误的文件夹导入样式文件

Ser*_*rov 2 javascript stylus node.js npm

我有一个文件mobile.styl,通过@import以下方式收集我需要的所有样式文件:

@import '../../common/styles/colors'
@import '../../common/styles/init'


@import 'landing'
@import 'faq'
@import 'vehicle'
Run Code Online (Sandbox Code Playgroud)

我有两个'landing'样式文件,一个在当前文件夹中mobile.styl,另一个是这两个第一个导入文件的位置../../common/styles/.

如果我有进口秩序像第一如上图所示,然后手写笔进口colorsinit文件,这是好的,但后来它加载landing从当前文件夹而不是文件的地方mobile.styl是,但../../common/styles/让我得到错误STYL文件,该文件是为桌面版本.

现在,如果我把那两个进口到文件的末尾,那么它首先加载landing,faq,vehicle正确,那么预期从正确的路径,这两个文件.

这是一个错误还是预期的行为?

小智 5

我已经处理过同样的问题了.我发现的一些解决方案是:

  • 将其中一个文件重命名为唯一的文件.
    • 改变landing.styllanding-mobile.styl
  • 将要导入的文件移动到其自己的文件夹中
    • 移动landing.stylmobile/landing.styl
  • 在导入同名文件之前,从要进入的文件夹根目录中导入文件
    • 进口empty.styl旁边住landing.styl,然后导入landing.styl
  • 最后,您可以引用相对于导入的最后一个文件的路径
    • 进口 ../../landing.styl

我根据个人喜好选择了选项,但他们都应该这样做.