我有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 [email protected]
没有任何运气。然后,我尝试分别手动将文件下载到资产/ 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
过程很简单
向classType字段添加类
'attr'=> ['class'=>'js-datepicker'],
[用毛线安装日期选择器的JQuery插件
yarn add bootstrap-datepicker
在assets / js中创建文件以进行日期选择器配置Example
在webpack中添加该条目
。addEntry('datepicker',[” ./assets/js/datepicker.js'])
在模板中添加条目链接标记
{{%块样式表%}{{encore_entry_link_tags('datepicker')}}{%endblock%}
在模板中添加入口脚本标记
{{%block javascripts%}{{encore_entry_script_tags('datepicker')}}{%endblock%}