3

Backbone.js アプリの Stylus をブランチでコンパイルしていますが、順序を操作する方法がわかりません。ドキュメントを読みましたが、それ以上は理解できませんでした。ファイルは常にアルファベット順に連結されます。さらに悪いこと@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_globalファイルの名前をandのように変更できることはわかっていますがz_footer、それは明らかにハックであり、ファイルの省略の問題も解決しません。また、スタイラス インデックスのインポート機能を利用して、スタイルをより適切に整理したいと考えています。ただし、今それを行うと、スタイラスの観点からは機能しますが、これらのファイルも親ディレクトリのアルファベット順に app.css に連結されます。

4

1 に答える 1

2

で始まるファイル_は、コンパイラによって無視されます。

つまり、あなたはできる

@import _first
@import _second
@import _third

メインのスタイラス ファイル_firstなどに 1 回だけ追加されます。

于 2013-09-27T11:40:01.210 に答える