gulp-cssimport不会调整图像的相对路径

Question

我正在使用gulp-cssimport导入不同的css文件，但是当我使用相对路径导入图像时，变换后的图像路径不会转换为正确的路径。

文件结构

的src / CSS /信道/ index.css

@import url('../mod/common/common.css');

的src / CSS / MOD /普通/ common.css

body {
    background-image: url('../../imgs/1.jpg');
}

h1 {
    color: red;
    font-weight: normal;
    text-align: center;
}

DIST / CSS /信道/ index.css

body {
    background-image: url('../../imgs/1.jpg');
}

h1 {
    color: red;
    font-weight: normal;
    text-align: center;
}

Answer 1

您的dist/css/channel/index.css看起来一个目录太高了。

而不是：

background-image: url('../../imgs/1.jpg');

您正在寻找：

background-image: url('../imgs/1.jpg');

这是因为imgs是channel的兄弟。