SweetAlert in Laravel 5.5 Laravel-mix nicht richtig mit CSS arbeitet

Question

mit versuche ich SweetAlert mit Laravel 5.5 usin Larvel Mix, zu verwenden, aber nicht richtig

webpack.mix.js

mix.js('resources/assets/js/app.js', 'public/js') 
    .sass('resources/assets/sass/app.scss', 'public/css') 
    .copy('node_modules/sweetalert/dist', 'public/js'); 

Paket zu arbeiten. json

"devDependencies": { 
     ... 
     "bootstrap-sass": "^3.3.7", 
     ... 
     "jquery": "^3.2", 
     "laravel-mix": "^1.0", 
     "sweetalert": "^2.0.8", 

Ressource/assets/sass/app.css

// Sweet Alert 
@import url("https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css"); 

wenn ich npm run dev Kompilieren ohne Fehler ausführen.

Aber wenn ich mit dieser Methode verwende, zeigen Warnungen ohne CSS-Stil von SweetAlert.

Answer 1

In Ihrer resources/assets/sass/app.scss Datei,

diese Nutzungs Linie statt

@import "~sweetalert2"; 

Was Sie taten (die CSS von einem CDN Import) nichts mit npm überhaupt zu tun hat.