2017-01-11 4 views
0

Sassを使用するプロジェクトを継承しました。私は 'NETの開発者だから、CSSをコンパイルするのは本当に嫌なことではありません。以前の開発者は、私がプレプロをインストールするために私に言った(私はWindows上で実行し、彼はMAC上で実行される)。WindowsでPreProsを使用したSassのコンパイル

私が通じ実行した手順は以下のとおりです。Windowsの

  • インストールSASS "宝石istallのSASS"
  • インストール済みコンパス "宝石はコンパスをインストール"
  • インストールSASSのためのRuby 2.3.0がインストールさ

    • -globbing "gem install sass-globbing"
    • インストール済みcompass-install-once "gem install compass-install-once"

    私はその後、Preprosを開け、そうのような構造を有する私の "静的なフォルダ" にドラッグ:

    • 静的
      • CSS
      • JS
      • SASS
      • コンポーネントを(複数このディレクトリ内のファイル)
      • components.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ファイルの内容がそうのようになります。私は変更PreProsで

    @import "components/*" 
    

    をコンパイラがNode Sassの代わりにRuby Sassを使用するようにしました(以前の開発者のアドバイスによる)。

    は今、私は「プロセスファイル」PreProsにscreen.sassをクリックするとクリックしたときに、私は、エラーメッセージ「エラー:それはのためにインポートするには、clear wghichファイルではありません取得 『@import『コンポーネント/ *』』

    これは、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" 
    

    誰もがサスの初心者を助けることができます; sの彼らの深さのうちPrePros稼働取得を!私は間違って何をしていますか?私の意見で

    事前にお時間をありがとう

    dotdev

  • 答えて

    0

    、あなたはVisual Studioの良いプラグインのコンパイラを持っているので、あなたが、PreProsを必要としないNET開発されている場合。試してみてくださいWebEssentials、それはあなたのためのすべての作業を行います。 WebEssentialsは、保存するとSASS/SCSSファイルを自動的にコンパイルします。

    +0

    どこから来ているのですか?私がPreProsソリューションが好きな理由は、フロントエンドの開発者をすぐに連れて来て、おそらくVisual Studioを使用していないことでしょう。 – dotdev

    関連する問題