node.js - 如何在我的 Laravel 5.5 项目中使用第三方 JavaScript 库？

Question

我正在使用 Laravel 5.5 构建一个项目，但我正在努力拉入 Bootstrap-DateTimePicker使用Laravel Mix .

到目前为止，我已经运行了以下命令:

npm i eonasdan-bootstrap-datetimepicker
npm install

将以下内容添加到resources\assets\js\app.js:

require('../../../node_modules/eonasdan-bootstrap-datetimepicker/src/js/bootstrap-datetimepicker.js')

将以下内容添加到webpack.mix.js:

mix.sass('resources/assets/sass/app.scss', 'public/css')
    .styles('node_modules/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css', 'public/css/bootstrap-datetimepicker.css');

我的观点如下:

<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link href="{{ asset('css/bootstrap-datetimepicker.css') }}" rel="stylesheet">
<script src="{{ asset('js/app.js') }}"></script>

最后我编译了所有内容:

npm run dev

这有效并允许我使用日期时间选择器，但我确信有更好的方法来做到这一点。

如何在项目中正确、干净地使用 bootstrap-datetimepicker 库？

Answer 1

只需遵循@ljubadr方法require('eonasdan-bootstrap-datetimepicker');

如果您不知道应该需要哪个名称，可以转到已下载的包，在这种情况下应该是 node_modules/eonasdan-bootstrap-datetimepicker/ 找到 package.json 并使用 package.json 中的 name 值。

另外请仔细确认该包是否支持 webpack，有些包不支持 webpack，那么您需要使用 import loader 来加载库。