scss 中的@apply 是干什么的？

为什么npm run dev 的时候报 css-loader 的错误？
css-loader 版本为 css-loader@1.0.1，最大版本css-loader@5.0.1 都是一样的错误

.validate-form {
    .error:not(label) {
        @apply border border-theme-6;
    }
    label.error {
        @apply mt-2 text-theme-6 block;
    }
}

Developer

课程读者 39 声望

一日之计在于晨

0 人点赞

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

推荐文章：

更多推荐...

博客

用 Laravel12 Startkit 做了一个 composer 私有包托管平台 😂 点赞超过 20 个开源，看看需要的人多不多 28 / 19 |

如何打造令后端面试官印象深刻的简历？ 16 / 10 |

博客

花了四个月打磨的 Laravel Plus 开源 32 / 99 |

博客

冯老师的困惑 —— 一个跑了两年的 BUG 21 / 17 |

博客

在laravel下实现全双工的websocket开发 21 / 10 |

分享创造

无需修改任何代码和扩展将你的Laravel项目性能提高20倍 101 / 101 |

Epona

站长 1.8k 声望 / 石头剪刀部长 @ Poper

最佳答案

没记错的话 @apply 写法是 tailwindcss 里面的？

4年前评论

Developer （楼主）

那不知道为什么报错呢？

Epona （作者）

@Developer 你没使用 tailwindcss 肯定就会报错了。 @apply不是sass的语法

Developer （楼主）

@Epona

mix.js('resources/js/app.js', 'public/dist/js')
    .sass('resources/sass/app.scss', 'public/dist/css')
    .postCss('resources/css/app.css', 'public/css', [
        require('postcss-import'),
        require('tailwindcss'),
    ]).autoload({
    'jquery': ['$', 'window.jQuery', 'jQuery']
})

这个帮我看一下吗

讨论数量: 2

Epona

站长 1.8k 声望 / 石头剪刀部长 @ Poper

没记错的话 @apply 写法是 tailwindcss 里面的？

4年前评论

Developer （楼主）

那不知道为什么报错呢？

Epona （作者）

@Developer 你没使用 tailwindcss 肯定就会报错了。 @apply不是sass的语法

Developer （楼主）

@Epona

mix.js('resources/js/app.js', 'public/dist/js')
    .sass('resources/sass/app.scss', 'public/dist/css')
    .postCss('resources/css/app.css', 'public/css', [
        require('postcss-import'),
        require('tailwindcss'),
    ]).autoload({
    'jquery': ['$', 'window.jQuery', 'jQuery']
})

这个帮我看一下吗

pigzzz

Laravel 8.x 译者 768 声望 / 搬砖 @ 工地

楼上正解

4年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

scss 中的@apply 是干什么的？