Question

我正在使用Laravel 5.5构建一个项目，我正在努力使用Bootstrap-DateTimePicker来提升Laravel Mix。

到目前为止，我已经运行了以下内容：

<Button
    android:id="@+id/buttondeletelayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="delete" />

在 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>

这有效并允许我使用datetimepicker，但我确信有更好的方法可以做到这一点。

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

Answer 1

关注@ljubadr方法require('eonasdan-bootstrap-datetimepicker');

如果您不知道应该使用哪个名称，则可以转到已下载的软件包node_modules/eonasdan-bootstrap-datetimepicker/ package.json查找name并使用package.json } var webRequest = WebRequest.Create("https://www.fda.gov/ucm/groups/fdagov-public/@fdagov-drugs-gen/documents/document/ucm509432.pdf"); using (var response = webRequest.GetResponse()) using (var content = response.GetResponseStream()) using (var reader = new StreamReader(content)) { var strContent = reader.ReadToEnd(); }中的值。

还请双重确认包是否支持webpack，有些包不支持webpack，那么你需要使用import loader来加载库。

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

1 个答案: