氩气设计未在 Laravel 中渲染。 如何使用mix从节点模块中提取它？

Question

我已经使用 npm 安装了氩气设计系统。 在 head 标签中，我添加了来自文档的链接。 但我想使用混合从节点模块中提取它。 并在 weboack 中运行，以便它呈现样式。 请有人帮忙详细解答。

Answer 1

在 popper、jquery 和 bootstrap 之后导入 argon js 文件（例如在 bootstrap.js 中，如果您使用默认的 Laravel 样板）：

require("argon-design-system-free/assets/js/argon-design-system");

和 css 文件（在 app.scss 中，如果你正在使用它）：

@import "~argon-design-system-free/assets/css/argon-design-system.css";

如果您希望在 css 文件之前导入核图标：

@import "~argon-design-system-free/assets/css/nucleo-icons.css";