grunt contrib cssmin:未在目标缩小文件中替换图像的相对路径

grunt contrib cssmin:未在目标缩小文件中替换图像的相对路径,css,gruntjs,relative-path,grunt-contrib-cssmin,Css,Gruntjs,Relative Path,Grunt Contrib Cssmin,我正在使用grunt contrib cssmin来缩小我的css文件。我希望css文件中的相对URL在我的目标缩小文件中自动替换。我已经找到了这个问题,找到了两个可以用来替换url的选项 目标,根 我认为target是我应该使用的。我在下面的Gruntfile.js中尝试了它,但没有得到我想要的缩小文件 下面是Gruntfile.js module.exports = function(grunt) { // Project configuration. grunt.initConfig({

我正在使用grunt contrib cssmin来缩小我的css文件。我希望css文件中的相对URL在我的目标缩小文件中自动替换。我已经找到了这个问题,找到了两个可以用来替换url的选项

目标,根

我认为
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,但在我的情况下,它没有做任何事情。请让我知道我做错了什么

谢谢


Sukhdeep

我认为您需要将重基设置为,并适当地设置路径。我也在努力解决这个问题,但这并不明显。经过一点尝试和错误,我让它这样工作

    grunt.initConfig({
      cssmin: {
          options: {
              relativeTo: "./Main/img",
              target: "./build",
              rebase: true
          },
          combine: {
              files: [{
                  dest: 'build/precisionag.min.css',
                  src: "Modules/test/app.css"
              }]
          }
      }
    });
关于不同的clean css选项的更多信息可以在这里找到