【问题标题】:Changing the order of concatenation of stylus files in Brunch更改早午餐中手写笔文件的串联顺序
【发布时间】:2013-10-02 23:53:09
【问题描述】:

我让 Brunch 为 Backbone.js 应用程序编译 Stylus,但我似乎无法弄清楚如何操作顺序。我已经阅读了the documentation,但我无法进一步了解。这些文件总是按字母顺序连接,更糟糕的是,如果我在给定的手写笔文件中使用@import 命令,该文件将在我添加它的位置以及它按字母顺序出现的位置连接。

我的 config.coffee 文件如下所示:

stylesheets:
  joinTo:
    'assets/stylesheets/app.css'
  order:
    before: [
      'vendor/styles/bootstrap.less'
    ]
    after: [ 
      'vendor/styles/helpers.css'
    ]

我的文件夹结构如下:

|__details.styl
|__footer.styl
|__global.styl
|__header.styl

我该怎么做

  1. 省略某些我手动导入的文件?
  2. 指定我的文件顺序,例如全局、详细信息、页眉、页脚?

我尝试通过尝试更改配置文件中的顺序

  order:
    before: [
      'app/styles/global'
      'vendor/styles/bootstrap.less'
    ]

但这并没有产生任何变化。

我知道我可以将文件重命名为 a_globalz_footer 之类的名称,但这显然很老套,而且它也不能解决我的文件遗漏问题。我还想利用stylus index import 功能,以便更好地组织我的样式。但是,如果我现在这样做,虽然从手写笔的角度来看它可以工作,但这些文件也会按照父目录的字母顺序连接到 app.css。

【问题讨论】:

    标签: backbone.js stylus brunch


    【解决方案1】:

    _ 开头的文件会被编译器忽略。

    也就是说,你可以做

    @import _first
    @import _second
    @import _third
    

    在您的主手写笔文件中,_first 等只会被添加一次。

    【讨论】:

      猜你喜欢
      • 2014-09-24
      • 2013-10-14
      • 2013-09-21
      • 2018-08-27
      • 2016-01-19
      • 1970-01-01
      • 2015-09-03
      • 2016-01-17
      • 2019-01-04
      相关资源
      最近更新 更多