scss 中的@apply 是干什么的？

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 开发相关的进阶知识。

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

推荐文章：

更多推荐...

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

博客

花了四个月打磨的 Laravel Plus 开源 29 / 96 |

博客

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

博客

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

分享创造

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

博客

Laravel 实用小技巧——缓存标签的小秘密（下） 12 / 11 |

Epona

版主 1.8k 声望 / Full Stack Developer @ 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 声望 / Full Stack Developer @ 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 译者 767 声望 / 搬砖 @ 工地

楼上正解

4年前评论

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

帮助

scss 中的@apply 是干什么的？