在 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.css
和 webpack.mix.js
中做什么以及任何 js
或 css
库的下一步是什么?
您可以使用 laravel mix,根据我的经验,使用任何 css / js 包从 npm 到 laravel mix 的一般步骤是:
- npm 安装。
- 导入库需要的css到
resources/sass/app.scss
- 需要库需要的js脚本才能
resource/js/bootstrap.js
npm run development
或 npm run production
重建 app.css 和 bootstrap.js.
对于 fontawesome,您可以在本教程中进一步阅读:
https://dev.to/dendihandian/adding-font-awesome-to-laravel-the-laravel-mix-way-4ndj
在 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.css
和 webpack.mix.js
中做什么以及任何 js
或 css
库的下一步是什么?
您可以使用 laravel mix,根据我的经验,使用任何 css / js 包从 npm 到 laravel mix 的一般步骤是:
- npm 安装。
- 导入库需要的css到
resources/sass/app.scss
- 需要库需要的js脚本才能
resource/js/bootstrap.js
npm run development
或npm run production
重建 app.css 和 bootstrap.js.
对于 fontawesome,您可以在本教程中进一步阅读:
https://dev.to/dendihandian/adding-font-awesome-to-laravel-the-laravel-mix-way-4ndj