laravel - 在 laravel 8 中使用 npm 安装和使用任何 js/css 库的工作流程是什么?

标签 laravel npm laravel-8 libraries laravel-mix

在 Laravel 8 中使用 npm 安装和使用任何 js/css 库的工作流程是什么。我应该遵循哪些步骤?

举个例子,假设我想使用 npm 安装 fontawesome 并在我的 laravel 项目中使用它。我所知道的是,一旦我运行 npm install --save @fortawesome/fontawesome-free 命令,它就会在 node_modules 内创建一个文件夹。 我不知道 npm install --save @fortawesome/fontawesome-free 之后应该做什么。

我如何才能知道在 resources/css/app.csswebpack.mix.js 中做什么以及任何 js 的下一步css 库?

最佳答案

你可以使用 laravel mix,根据我的经验,使用任何 css/js 包从 npm 到 laravel mix 的一般步骤是:

  1. npm 安装。
  2. 将库所需的css导入到resources/sass/app.scss
  3. 将库所需的js脚本添加到resource/js/bootstrap.js
  4. npm rundevelopmentnpm run production 来重建 app.css 和 bootstrap.js。

对于 fontawesome,您可以在本教程中进一步阅读:

https://dev.to/dendihandian/adding-font-awesome-to-laravel-the-laravel-mix-way-4ndj

关于laravel - 在 laravel 8 中使用 npm 安装和使用任何 js/css 库的工作流程是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70014930/

相关文章:

jquery - Select2 v4 如何使用 AJAX 对结果进行分页

node.js - Vue.js 和 ES7 : ReferenceError: RegeneratorRuntime not defined

Laravel Tailwind 身份验证脚手架问题

laravel-seeding - Laravel 8 数据库工厂

Laravel 7 模型工厂为 faker 抛出 "InvalidArgumentException: Unknown formatter"异常

java - 在服务端不添加跨源代码如何解决跨源问题?

laravel - 从 Eloquent 关系中获取第一个元素

node.js - 无法更新/安装最新的 npm 版本

laravel - Laravel Horizo​​n 上的尝试和重试有什么区别?

Laravel 不发布