0

私のsassのコンパクトバージョンと圧縮バージョンをgruntコンパイルしたいと思います。どちらか一方をコンパイルすることはできますが、両方を同時にコンパイルすることはできません。私が試してみました：

sass: {
        dist: {
            options: {
                style: 'compressed'
            },
            files: {
                'style.min.css': 'css/main.scss',
            }
        }
    },

    sass: {
        dist: {
            options: {
                style: 'compact'
            },
            files: {
                'style.css': 'css/main.scss',
            }
        }
    }

また:

sass: {
        dist: {
            options: {
                style: 'compressed'
            },
            files: {
                'style.min.css': 'css/main.scss',
            }
        },
        dist: {
            options: {
                style: 'compact'
            },
            files: {
                'style.css': 'css/main.scss',
            }
        }
    }

しかし、どちらも機能していません。解決策は何ですか？

4

3 に答える 3

0

saasファイルで直接使用できるsaasファイルを圧縮したいのはなぜですか@import。シングルは準備ができてから圧縮を使用します。main.scss のようなものを作成し、その中のすべての saas ファイルをインポートしてから、代わりにこのファイルを圧縮します。

編集:

grunt.initConfig({
  sass: {
    dist: {
      files: {
        'main.css': 'main.scss',
        'main1.css': 'main1.scss'
      }
    }
  }
});
于 2015-04-14T09:56:18.363 に答える
0

次のコードは問題なく動作することがわかりました。異なる圧縮で複数のファイルを出力するために sass に頼る代わりに、sass でコンパクトなスタイルを出力し、それを使用grunt-contrib-cssminして css をさらに圧縮します。

module.exports = function(grunt) {

  grunt.initConfig({
    sass: {
      dist: {
        options: {
          style: 'compact'
        },
        files: {
          'style.css': 'css/main.scss',
          'style1.css': 'css/main1.scss',
        }
      }
    },
    cssmin: {
      dist: {
        files: {
          'style.min.css': ['style.css'],
          'style1.min.css': ['style1.css']
        }
      }
    }
  });

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

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

};

コンパクトオプションも必要ありません。これにより、出力 css が読みやすくなります。

于 2015-04-14T10:14:35.480 に答える