Добавление данных в файлы микширования Laravel - PullRequest
Новая
       27

Добавление данных в файлы микширования Laravel

0 голосов
/ 06 марта 2019

Я установил datatables с npm с помощью этого документа , теперь я не уверен, как я могу добавить файлы datatables css и js в мои app.css и app.js

Загруженные файлы по NPM

one

код

мой webpack.mix.js

const mix = require('laravel-mix');

    //laravel default to make app.css and app.js
    // I want add Datatables to these files
    mix.js('resources/js/app.js', 'public/js')
       .sass('resources/sass/app.scss', 'public/css');

    //my template files
    mix.combine([
       'public/theme/primary/js/jquery.min.js',
       'public/theme/primary/js/popper.min.js',
       'public/theme/primary/js/bootstrap.min.js',
       'public/theme/primary/js/uza.bundle.js',
       'public/theme/primary/js/default-assets/active.js'
    ], 'public/js/combined.js');

Есть идеи?

Ответы [ 2 ]

0 голосов
/ 06 марта 2019

Решено

Я добавил этот код к своему bootstrap.js в require('bootstrap');

 require( '../../node_modules/datatables.net/js/jquery.dataTables.js' );
 require( '../../node_modules/datatables.net-bs4/js/dataTables.bootstrap4.js' );

, а затем добавил стили к своему app.scss

@import '~datatables.net-bs4/css/dataTables.bootstrap4.css';

Теперь все отлично работает.Надеюсь, что это поможет другим.

0 голосов
/ 06 марта 2019

Чтобы объединить несколько скриптов и стилей, вы можете сделать это следующим образом: 

mix.scripts([
   'node_modules/datatables.net-bs4/js/dataTables.bootstrap4.js',
   'resources/js/app.js'
])
.styles([
   'node_modules/datatables.net-bs4/css/dataTables.bootstrap4.css',
   'resources/sass/app.scss'
]);

Это по умолчанию должно создать файлы all.js и all.css в соответствующих общих папках js и css.

...