laravel 视图文件夹的 BEM 风格布局

【问题标题】：BEM style layout of laravel view folderlaravel 视图文件夹的 BEM 风格布局
【发布时间】：2017-11-21 23:47:08
【问题描述】：

我正在开始一个 Laravel 项目，并且来自过去使用 BEM 样式文件夹布局的项目（按块排序，而不是按类型排序），我想在 Laravel 提供的视图文件夹中做同样的事情。将这些文件保存在一起的好处似乎很明显，而不是在 js/sass 文件夹中镜像文件夹结构，但是有一些怀疑，提出了这个问题。

例如，如果我有一个模态组件，它将存在于：

views/components/modal

它将包括：

modal.blade.php
modal.scss
modal.js

所以我想知道是否有任何 Laravel 特定的原因，我不想在 @component 刀片模板旁边有一个 css 和 js 文件。

【问题讨论】：

我坚信你也可以在 Laravel 项目中使用 BEM 结构。

标签： laravel blade bem

【解决方案1】：

Laravel 社区中的许多人都在使用类似 CRUD/MVC 的结构。

视图示例。

views/users/index.blade.php
views/users/show.blade.php
views/users/create.blade.php

views/posts/index.blade.php
views/posts/show.blade.php
views/posts/create.blade.php

路线（带有相应的方法）

Route::get('/users', 'UserController@index);
Route::get('/users', 'UserController@show);
Route::get('/users', 'UserController@create);

Route::get('/posts', 'PostController@index);
Route::get('/posts', 'PostController@show);
Route::get('/posts', 'PostController@create);

方法示例

public function show(User $user)
{
    return view('users.show', ['user' => $user]);
}

刀片示例

<head>
    <!-- Styles -->
    <link href="{{ asset(css/posts.css) }}" rel="stylesheet">

</head>
<body>
    <div id="app">
        @yield('content')
    </div>

    <!-- Scripts -->
    <script src="{{ asset('js/posts.js) }}"></script>

</body>

【讨论】：