Próbuję połączyć kilka plików Sass i plików CSS w pojedynczy plik CSS w mieszance Lavel, ale nie mogłem znaleźć jak.

Oto próbkowana mieszanka Larawa, którą próbuję użyć błędów powrotnych:

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/scss/app.scss', 'public/css')
    .styles('resources/css/app.css', 'public/css');
0
Shan 9 październik 2020, 04:07

1 odpowiedź

Najlepsza odpowiedź
  1. Możesz zaimportować plik CSS w pliku Sass, a następnie skompilować tylko główny plik Sass, jeśli jest to możliwe. Znalazłem to, co może ci pomóc: https://stackoverflow.com/questions/7111610/import-Regular-css-file-in-scss-file#:~:Text=it%20is% 20Now% 20Poshible% 20to, będzie% 20import% 20your% 20File% 20directly.

  2. Możesz łączyć pliki CSS. Oto przykład, którego używałem. Może możesz skompilować Sass do CSS, a później połączyć za pomocą tej metody?

Sprawdź próbkę

//combine CSS    
    mix.styles([
        'resources/css/open-iconic-bootstrap.min.css',
        'resources/css/animate.css',
        'resources/css/bootstrap-datepicker.css',
    ], 'public/css/essentials.css');

Dla kompletności odpowiedzi na same podejście można wykorzystać do plików JS w następujący sposób,

// combine required js files
mix.combine([
        'resources/js/vendors/jquery-migrate.min.js',
        'resources/js/vendors/jquery.easing.1.3.js',
        'resources/js/vendors/bootstrap-datepicker.js',
        'resources/js/vendors/scrollax.min.js'
    ], 'public/js/essentials.js');

Użyj tego podejścia na swojej webpack.mix.js

2
Rosh_LK 9 październik 2020, 05:49