如何在Symfony上“安装” Bootstrap Datetimepicker？

Question

我有assets/css/bootstrap-4.3.1.css和assets/js/bootstrap-4.3.1.js之类的文件，在webpack.config中有

.addEntry('js/bootstrap','./assets/js/bootstrap-4.3.1.js')

和

.addStyleEntry('css/bootstrap', './assets/css/bootstrap-4.3.1.css')

我分别需要bootstrap-3.3.1.js和bootstrap-3.3.1.css。

我需要将它们安装在yarn中，以确保符合Bootstrap datetimepicker的要求。尝试过

yarn add bootstrap@3.3.1

没有任何运气。然后，我尝试分别手动将文件下载到资产/ css和资产/ js，然后再次运行上面的命令，没有任何运气。因此，我需要使用yarn更改Bootstrap的版本。然后，我也需要使用Bootstrap datetimepicker。我如何实现我的目标？与使用yarn相比，在这一点上手动链接css和js文件对我来说似乎非常有用，但是很有可能是因为我缺乏有关yarn的知识。

编辑

目前我已经

package.json

//...
"depencencies": {
    //...
    "bootstrap": "^3.3.1",
    //...
}
//...

app.js

//...
require("bootstrap");
//...

运行yarn install时出现错误消息：

未找到此依赖项：

  

  
• ./ assets / js / app.js中的引导程序
  

     

要安装它，您可以运行：npm install --save bootstrap

Answer 1

过程很简单

1. 将一个类添加到formType字段

   'attr' => ['class' => 'js-datepicker'],
   

2. 用yarn安装日期选择器的JQuery插件

   yarn add bootstrap-datepicker
   

3. 在资产/ js中创建文件以进行日期选择器配置  

4. 在webpack中添加该条目

    .addEntry('datepicker', [
       './assets/js/datepicker.js'
   ])
   

5. 在模板中添加条目链接标记

   {% block stylesheet %}
   {{ encore_entry_link_tags('datepicker') }}
   {% endblock %}
   

6. 在模板中添加条目脚本标记

   {% block javascripts %}
   {{ encore_entry_script_tags('datepicker') }}
   {% endblock %}