如何在laravel中更改值appcss答案

【问题标题】：How to change value appcss in laravel如何在laravel中更改值appcss
【发布时间】：2019-04-11 15:17:53
【问题描述】：

我想改变 laravel 页面的背景颜色。基于我得到的参考。我应该对 _variables.scss 进行更改。

// Body
$body-bg: #f8fafc; --> i change it to #000

// Typography
$font-family-sans-serif: "Nunito", sans-serif;
$font-size-base: 0.9rem;
$line-height-base: 1.6;
........

在视图文件中，我输入了代码：

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>ICan</title>
    <link rel="stylesheet" href="/css/app.css"> --> i enter this one
  </head>
  <body>
    @yield('content')
    @include('inc.sidebar')
  </body>
</html>

然后我在 cmd 中执行 npm run serve 但是我的页面没有任何反应。背景颜色不会改变。我是不是做错了什么？

请帮助我。谢谢你:))

【问题讨论】：

标签： css laravel npm sass npm-run

【解决方案1】：

你没有做错任何事，只是错过了一步。在提供应用程序之前，请执行以下操作：

npm run dev

这会将你所有的 scss 文件编译到你的 app.css 文件中

但是，如果您不想在每次更改 scss 文件时都运行此命令，请运行以下命令：

npm run watch

这将监视更改并在发生更改时运行编译！

【讨论】：

哦，对不起，我的意思是在编辑文件变量和视图之后。我做了'npm run dev'而不是'npm run serve'。但仍然没有任何反应。
我真的很抱歉，但我真的不确定你在问什么或试图实现什么。您能否以不同的方式解释它或给出您想要发生的事情以及何时发生的场景？
基于此视频：youtube.com/watch?v=jnvu1GpylP0（15.00 - 23.00 分钟）如果我想更改背景颜色或使用 css 进行任何自定义，1）我应该安装 npm ---> 2）更改文件 _variable.scss ($body-bg: #f8fafc; become $body-bg: #000;) ---> 3) 输入代码查看文件 ---> 4) 是否在 cmd 上运行 npm run dev。但是在尝试了视频中的那一步之后，我的背景颜色没有改变。它仍然是白色的，我想把它变成黑色。
我知道这是一个非常简单的解决方案，但是您是否尝试过清除浏览器的缓存？抱歉，回复晚了！
它有效 :)) 谢谢~ 很抱歉问了这么简单的问题。呵呵..祝你有美好的一天！

【解决方案2】：

您不必为此运行 npm run serve 或任何 npm 命令。

只需为您的自定义 css 添加另一个 css 文件，或者您可以直接在刀片中包含样式。

您可以在layouts > app.blade.php 中找到刀片，然后在关闭头部 (</head>) 之前放置您的样式：

   .container{
        background-color: lightblue;
    }

</head>

就是这样

【讨论】：