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

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

推荐文章：

更多推荐...

博客

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

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

博客

花了四个月打磨的 Laravel Plus 开源 30 / 98 |

博客

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

博客

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

分享创造

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

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

楼上正解

4年前评论

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

帮助

scss 中的@apply 是干什么的？