如何在刀片文件中编译scss样式

Question

我正在尝试在刀片文件中使用scss样式。但我找不到合适的方法。

{{-- header.blade.php --}}
<header id="mainHeader">
    <style lang="scss">
        .a1 {
            color: red;

            > .a2 {
                font-size: 20px;
            }
        }
    </style>

    <div class="a1">
        this is a1

        <div class="a2">this is a2</div>
    </div>
</header>

有什么办法吗？

Answer 1

对此不支持，您无法从blade模板编译SCSS。除非您为laravel-mix编写/使用某种插件。

实际上，这是错误的方法。

我建议在刀片中使用普通的css。

Answer 2

可悲的是，刀片服务器似乎不可能做到这一点。 Vue使用相同的设置，其中自包含的ui组件包含html，js和css。如果您正确地计划它，那么将形成一个非常模块化的系统。