Laravel css 使用 elixir 函数在 xampp 上无法正常工作

Posted

技术标签:

【中文标题】Laravel css 使用 elixir 函数在 xampp 上无法正常工作【英文标题】:Laravel css using the elixir function not working properly on xampp 【发布时间】:2016-06-19 17:30:03 【问题描述】:

我使用以下方法创建了一个版本控制的 css 文件:

elixir(function(mix) 
    mix.sass('demo.scss')
    .version('css/demo.css');
);

该文件位于public/build/demo-34f5737738.css 下,根据文档,该文件应以这种方式链接:

<link rel="stylesheet" href=" elixir("css/demo.css") "

但是,在 Xampp 中运行时样式表没有被应用,但是当我通过命令启动服务器时它正在工作:php artisan serve。 关于为什么会发生这种情况的任何想法,或者 Xampp 在使用 Laravel 之前是否需要特殊设置。谢谢!

【问题讨论】:

检查元素时,css 样式表显示的 URL 是什么?是好的吗?您的 URL 是否基于文件夹,例如 http://localhost/project/public/ ? elixir 函数可能会应用 /css/demo.css URL,如果是这种情况,您的浏览器将在 http://localhost/css 文件夹中查找... 【参考方案1】:

通过asset 设置绝对路径将解决该问题:

<link rel="stylesheet" href=" issue("css/demo.css") "

【讨论】:

@erick.chali 很高兴它有帮助。我想,如果您这么认为,您应该将答案设置为正确。这就是这里的工作方式)

以上是关于Laravel css 使用 elixir 函数在 xampp 上无法正常工作的主要内容,如果未能解决你的问题,请参考以下文章

在 laravel elixir 上使用多个 webpack 方法

Vue组件在laravel中不能使用scss

缓存在 SASS 文件中链接的破坏图像

Laravel 和 Elixir 的基础

Gulp:找不到模块'laravel-elixir-vue-2'

laravel 中 与前端的一些事5 之解决缓存问题:version