代码之家 › 专栏 › 技术社区 › Imran Ahmed

如何在CSS中为Laravel Mix中的图像和字体保留相对路径

laravel-mix webpack laravel css

Imran Ahmed · 技术社区 · 7 年前

当Laravel Webpack/Mix执行SASS并将其转换为CSS时,它会更改相关路径,如 url('../images/background.png'); 到绝对路径,如 url('/images/background.png'); .

路径是否可能没有更新并保持相对?

原因是部署可能位于不同服务器上的不同文件夹中,因此相对路径将适用于所有文件夹结构。E、 g.它将在 http://www.example.com/ 以及 http://www.example.com/subfolder/ . 但是如果使用了绝对路径,那么对于子文件夹,CSS将找不到图像和字体。

是否有其他最佳做法来处理这种情况?

1 回复 | 直到 3 年前

Community CDub 4 年前

从…起 the docs :

默认情况下,Laravel Mix和Webpack将找到 example.png ,将其复制到 public/images 文件夹,然后重写 url() 在生成的样式表中。因此,您编译的CSS将是。

尽管此功能可能很有用,但您现有的文件夹结构可能已经按照您喜欢的方式进行了配置。如果是这种情况,您可以禁用 url() 这样重写:

mix.sass('resources/assets/app/app.scss', 'public/css')
   .options({
       processCssUrls: false
   });

https://laravel.com/docs/5.5/mix#working-with-stylesheets

推荐文章

WKrooshof · Web包找不到(字体)依赖项

7 年前

Fredrik · 胸围缓存搭配Laravel混搭

7 年前

Imran Ahmed · 如何在CSS中为Laravel Mix中的图像和字体保留相对路径

7 年前

shukshin.ivan · 如何使用laravel mix缩小css文件?

7 年前

Chris · $(...).使用Laravel Mix时,DataTable不是函数

7 年前

Duc Trung Mai · Workbox:生成项目时无法缓存所有文件

7 年前

GatesPlan · Laravel Mix-未找到依赖项(用于自定义js文件)

7 年前

flap152 · 在laravel宅地上运行“npm run dev”时出错(es2015未找到)

7 年前

murribu · VueJS路由器“无法装载组件:未定义模板或渲染函数。”

7 年前

Lluís Puig Ferrer · 使用node\u modules/.bin/webpack时无法读取未定义(mix.initialize())的属性

7 年前