2

Sass を使用するプロジェクトを継承しました。私は 'NET 開発者なので、CSS のコンパイルはあまり経験したことがありません。以前の開発者は、(私は Windows で実行し、彼は MAC で実行しているため) Prepro をインストールするように私に言いました。

私が実行した手順は次のとおりです。

  • Windows 用の Ruby 2.3.0 をインストール済み
  • インストールされたsass「gem istall sass」
  • インストールコンパス「gem install compass」
  • インストールされたsass-globbing「gem install sass-globbing」
  • インストールされた compass-install-once 「gem install compass-install-once」

次に、Prepros を開き、次のような構造を持つ「静的フォルダー」にドラッグしました。

  • 静的
    • CSS
    • js
    • サス
    • コンポーネント (このディレクトリ内の複数のファイル)
    • コンポーネント.sass
    • screen.sass

screen.css は次のようになります。

@import compass/reset
@import lubalin.css
@import variables
@import typography
@import main

@import components
@import elements
@import shop
@import blog
@import sponsor

@import theme

screen.sass ファイルの内容は次のようになります。

@import "components/*"

PrePros では、Node Sass の代わりに Ruby Sass を使用するようにコンパイラーを変更しました (前の開発者のアドバイスに従って)。

ここで、PrePros で screen.sass をクリックして [ファイルの処理] をクリックすると、「エラー: '@import "components/*"' にインポートするファイルが明確ではありません。

これは Windows が原因であり、ワイルドカードを @import "components/ . " に変更する必要があることを示唆するオンラインのスレッドをいくつか見つけましたが、このコマンドを実行すると、"エラー: インポートするファイルが見つかりません" というエラーが表示されます。または読み取り不能: components/ . "

不思議なことに、prepros が作成するファイルは、components.sass 用にインポートするファイルを完全に理解しているように見えます。これは、ファイルで次のセクションを確認できるためです。

    {
  "path": "sass/components.sass",
  "imports": [
    "sass/components/_address.sass",
    "sass/components/_buttons.sass",
    "sass/components/_checkboxes.sass",
    "sass/components/_cookies.sass",
    "sass/components/_emailSignup.sass",
    "sass/components/_forms.sass",
    "sass/components/_moreContent.sass",
    "sass/components/_postCode.sass",
    "sass/components/_rte.sass",
    "sass/components/_search.sass",
    "sass/components/_separator.sass",
    "sass/components/_tooltip.sass",
    "sass/components/accordion.sass",
    "sass/components/equalHeight.sass",
    "sass/components/grid.sass",
    "sass/components/modal.sass",
    "sass/components/svgImages.sass",
    "sass/components/table.sass",
    "sass/components/_checkboxes.sass"
  ]
},

したがって、PrePros がインポートするファイルを認識できるのに、コンパイルしようとしても理解できないのは奇妙に思えます!

最後に、コンパス (config.rb) の内容は次のとおりです。

require 'compass/import-once/activate'
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"

PrePros を起動して実行するための深みのない Sass 初心者を誰か助けることができますか!? 私は何を間違っていますか？

お時間をいただきありがとうございます

dotdev

4

1 に答える 1

1

私の意見では、NET 開発者であれば PrePro は必要ありません。Visual Studio には優れたプラグイン コンパイラがあるからです。WebEssentialsを試してみてください。すべての作業が行われます。WebEssentials は、保存時に SASS/SCSS ファイルを自動的にコンパイルします。

于 2017-01-11T12:22:43.730 に答える