为什么 gulp 和浏览器同步的路径不正确

Question

这是我的代码 gulp 和浏览器同步

现在，为什么这个路径错误：

当前目录结构是这样的：

和 css 风格：

Answer 1

您的样式在 tmp/styles 文件夹中。当您的 css url 设置为 ./images/landing.jpg 时，那个单点仅表示查看当前文件夹。所以 BrowserSync 完全按照您的要求进行操作，并在样式文件夹中查找图像文件夹。所以，错的是你的 CSS，而不是 BrowserSync。

你真正想要的是退回到样式文件夹的父目录，并在那里寻找一个图像文件夹，这是用两个句点完成的：

background: url("../images/landing.jpg") no-repeat center;