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

What is the workflow of installing and using any js/css library using npm in laravel 8?

在 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 中做什么以及任何 jscss 库的下一步是什么?

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

  1. npm 安装。
  2. 导入库需要的css到resources/sass/app.scss
  3. 需要库需要的js脚本才能resource/js/bootstrap.js
  4. npm run developmentnpm run production 重建 app.css 和 bootstrap.js.

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

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