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 人点赞

从小程序个人账户申请开始，带你一步步进行开发一个微信小程序，直到提交微信控制台上线发布。

你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用和 API 开发相关的进阶知识。

推荐文章：

更多推荐...

博客

Laravel 11 中文文档仓库，已翻译完成！！！ 14 / 26 |

工作

[求职]在郑州工作4年的程序媛的简历优化 13 / 172 |

博客

冯老师的困惑——测试和正式环境掐架篇（一） 15 / 23 |

博客

简单对比一下DcatAdmin和filament的各自优缺点 28 / 33 |

面试 POPER 的后端开发工程师的离奇经历 34 / 105 |

博客

Git在项目中的那些实操(持续更新...) 22 / 3 |

Epona

版主 1.8k 声望 / Full Stack Developer @ Poper

最佳答案

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

3年前评论

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 声望 / Full Stack Developer @ Poper

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

3年前评论

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 译者 760 声望 / 搬砖 @ 工地

楼上正解

3年前评论

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

帮助

scss 中的@apply 是干什么的？