我有一个Laravel 5.6基地项目。我正在尝试使用Laravel Mix来编译我所有的js/css
资源。
我想使用一个javascript datetime-picker,它允许我在我的页面上创建一个datetime-picke和一个范围选择器。由于我使用css-bootstrap框架进行样式化,我想使用bootstrap-datetimepicker。我很难用我的调音台设置来安装这个项目。
这是我的webpack.mix.js
文件中的代码,
const { mix } = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')
.scripts([
'bower_components/eonasdan-bootstrap-datetimepicker/build/js/tempusdominus-core.min.js'
], 'public/js/app_addons.js')
.sass('resources/assets/sass/app.scss', 'public/css');
在resources/assets/js/app.js
文件中,我添加了以下代码
window.datetimepicker = require('../../../bower_components/eonasdan-bootstrap-datetimepicker/build/js/tempusdominus-core.min.js');
但是在浏览器的控制台中,我收到以下错误
TypeError:$(...)。datetimepicker不是函数
我怎样才能正确地将bootstrap-datetimepicker包含在我的laravel-mix中?
我认为这应该工作:
datetime-picker
中关于webpack.mix.js
的参考:
const { mix } = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css');
bower_components/eonasdan-bootstrap-datetimepicker/build/js/tempusdominus-core.min.js
复制到resources/assets/js/tempusdominus-core.js
app.js
:
window.jQuery = window.$ = $ = require('jquery');
window.datetimepicker= require('./tempusdominus-core')($);
//or require('./tempusdominus-core');
并希望能工作