1

grunt で sass を動作させようとしていますが、ドキュメントを読んだ後でも、明確でないことがいくつかあります。

私のグラントファイルには次のものがあります：

  grunt.loadNpmTasks('grunt-contrib-sass');

  compass: {
    files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'],
    tasks: ['compass']
  },

  grunt.registerTask('default', ['sass']);

私の質問は、スタイル フォルダー内と html ファイル内に scss ファイルまたは css ファイルを作成する必要があるか、css ファイルまたは scss ファイルにリンクする必要があるかということです。また、非常に大量のスタイル ファイルがある場合、常に手動で 1 つずつ含める必要がありますか、またはスタイル フォルダー内のすべてのファイルが自動的に追加されるレールのように、より簡単な方法はありますか?

編集

これは私のプロジェクト構造がどのように見えるかです.デフォルトのヨーマンAngularアプリから加えた変更は、random.scss通常のcssに変換しようとしているファイルを追加することだけでした.

4

1 に答える 1

2

あなたの設定は、コンパスとサスを混ぜて、ちょっと間違っています。その構成を見てください: https://github.com/gruntjs/grunt-contrib-watch#examples

もちろん、css にコンパイルする sass または scss ファイルを作成します。それがsassの目的です。HTML には、最終的にコンパイルされた css ファイルを含めます。コンパイルされたcssファイルからファイルにhtmlを生成できるassetpushのようなプラグインを使用できます。構成は次のようになります。

grunt.initConfig({
  sass: {
    compile: {
      files: {
        '<%= yeoman.app %>/styles/main.css': ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}']
      }
    }
  },
  assetpush: {
    css: {
        files: {
            "path/to/your.html": ["css/*.css"]
        }
    }
  }
});

grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-assetpush');

grunt.registerTask('default', ['sass', 'assetpush']);
于 2013-06-21T11:53:45.087 に答える