我如何 adapt/use 为 Symfony 网站制作的模板？

Question

我正在开发 Symfony project/website（初学者级别），我打算使用一个模板（这个 https://github.com/ColorlibHQ/AdminLTE ）由 HTML/CSS/JS 和很多JQuery 插件。现在，我知道如何使用 Twig 模板并希望将该设计应用到我的网站，但我遇到了一些问题并且不知道该怎么做：

该模板有一个 package.json 文件，其中包含模板需要运行的依赖项。（Bootstrap、FontAwesome、Datatables.net、Sweetalerts 等）如何在我的项目中安装这些依赖项及其确切版本？到目前为止，我一直使用 composer 将 Symfony 依赖项安装到我的项目中，但我也可以使用 npm 吗？我可以只将模板的 package.json 中的依赖项复制到我的并执行 npm install 吗？
安装这些依赖项后，我的文件夹结构会怎样？（我的项目具有任何 Symfony 应用程序的基本结构，遵循官方文档）安装的所有新插件都将放在 node-modules 文件夹中？
我仍在研究 Webencore 文件的工作原理，我是否需要使用 require() 来导入我的网站在安装后需要的所有插件？我想我需要为 CSS.
做同样的事情

这是安装 Webencore 后我的 Symfony 项目结构和 package.json 文件的屏幕截图。:

如果这个问题没有多大意义或者我要求太多，我很抱歉。或者我的 idea/plan 有误。

Answer 1

我也不是专家，但我会尽力帮助你。

Composer 适用于 Symfony 包 (composer.json)，但在这里你应该使用 yarn 或 npm 来安装你的包 (package.json)。

首先安装纱线： https://classic.yarnpkg.com/en/docs/install/#windows-stable

而且我认为您的行命令中的 "yarn" 应该可以在之后安装它。

同时安装 Webpack encore（如果尚未完成）： https://symfony.com/doc/current/frontend.html

然后安装你的包：yarn add admin-lte@^3.0

所有必要的文件都将下载到节点模块中，并将存在于此处。

对 bootstrap、sweet alert 和您需要的所有软件包执行相同的操作（在 google 上搜索软件包名称）。

在你的 App.js 中，你可以做这样的事情来使用一个包（新的 javascript 版本）：

import $ from 'jquery';
import 'bootstrap';
import 'bootstrap-datepicker';

并对 App.js 中需要的每个包裹执行相同的操作 import 用于新 javascript 版本，需要用于旧版本。

希望对您有所帮助:)

我如何 adapt/use 为 Symfony 网站制作的模板？

How do I adapt/use a template made for a website to Symfony?

symfony

npm

twig

package.json

bootstrap-4