包括Laravel的app.scss文件

我想在Laravel 5.4中使用Bootstrap。根据to the docs 包括Laravel的app.scss文件

Laravel附带的默认webpack.mix.js将编译资源/ assets/sass/app.scss SASS文件。这个app.scss文件导入一个SASS变量文件并加载Bootstrap，这为大多数应用程序提供了一个很好的起点。通过配置Laravel Mix，可以随意自定义app.scss文件，但是您希望甚至使用完全不同的预处理器。

如何包含app.scss文件。即 - 如果这是一个app.css，我想将它链接到我的文档头部。但是，作为其app.scss文件，浏览器本身不会理解它（或者它会如何？），我不确定Larval期望我们如何将其插入到页面中。

来源

2017-08-22 Alan Storm

app.scss将被编译为public/assets/app.css使用laravel混合，但你仍然必须手动添加文件到页面。 –

@Leo_Kelmendi回复：“手动将文件添加到页面” - Laravel是否具有用于此的方法/ API或者是否有意使用链接标记。 –

https://laravel.com/docs/5.4/mix –

的东西，如npm run dev或npm run prod建立你的资产后，你会在你的public树某处获得一个普通的老app.css文件。之后，在您的刀片模板中点一下

<link rel="stylesheet" href="{{ mix('/css/app.css') }}">

，您应该很好走。

来源

2017-08-22 19:46:35

在您可以使用app.scss之前，您需要将scss文件编译为css并将编译的文件移动到您的Laravel项目根目录中的公共目录中。

您存储编译CSS是你的，大多数人店CSS在public/css/app.css

有几个自动化工具可以用来编译app.scss如Laravel组合，gulpjs，咕噜等

要了解更多关于编译SCSS文件从这里开始：https://laravel.com/docs/5.4/mix

但是，你千万不要通过所有这些进程，才能在Laravel使用引导刀片

只需将引导程序文件（css，js）移动到Laravel public目录，然后在刀片模板中使用。

<head> 
    <title>Page Title</title> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1" /> 
    <link rel="stylesheet" href="{{assets('css/bootsrap.css')}}" /> 
</head>

来源

2017-08-22 19:56:59 Digitlimit

包括Laravel的app.scss文件

回答

相关问题