如何在我的 Laravel 5.5 项目中使用第 3 方 JavaScript 库？

Question

我正在用 Laravel 5.5 构建一个项目，我正在努力拉入 Bootstrap-DateTimePicker using 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 并使用 name package.json 中的值。

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

如何在我的 Laravel 5.5 项目中使用第 3 方 JavaScript 库？

How to use a 3rd party JavaScript library in my Laravel 5.5 project?

node.js

laravel

webpack

laravel-5

laravel-mix