4

css ファイルの縮小に grunt-contrib-cssmin を使用しています。css ファイルの相対 URL をターゲットの縮小ファイルで自動的に置き換えたい。この問題を探したところ、URL を置き換えるために使用できる 2 つのオプションが見つかりました。

ターゲット、ルート

targetが使用することになっているものだと思います。次の Gruntfile.js で試しましたが、必要な縮小ファイルにはなりませんでした。

以下はGruntfile.jsです

module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
  cssmin: {
    combine: {
      options: {
        target: "build/"
      },
      files: [{
        dest: 'build/app.min.css',
        src: "Modules/test/app.css"
      }]
    }
  }
});

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

// Default task(s).
grunt.registerTask('default', ['cssmin']);
};

次の app.css を変換します -:

.edit {
  background: url(../../Main/img/edit.png);
}

次の app.min.css に

.edit{background:url(../../Main/img/edit.png)}

私が欲しいのは、縮小された URL が次のようなものであることです -:

.edit{background:url(../Main/img/edit.png)}

ターゲット オプションは相対 URL を変更することになっていると思いますが、私の場合は何もしていません。私が間違っていることを教えてください。

ありがとう、

スクディープ

4

1 に答える 1