grunt contrib cssmin:未在目标缩小文件中替换图像的相对路径
我正在使用grunt contrib cssmin来缩小我的css文件。我希望css文件中的相对URL在我的目标缩小文件中自动替换。我已经找到了这个问题,找到了两个可以用来替换url的选项 目标,根 我认为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({
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选项的更多信息可以在这里找到