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

Question

I have installed argon design system using npm. And inside head tag I have added links from documentaion. But I want to extract it from node modules using mix. And run in weboack so that it renders styles. Please someone help with detailed answer.

Answer 1

import the argon js file (in bootstrap.js for example if you're using the default laravel boilerplate) after popper, jquery and bootstrap:

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

and the css file (in app.scss if you're using it):

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

if you want the nucleo icons import then before the css file:

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