SweetAlert在Laravel 5.5使用laravel混合不使用CSS

Question

正常工作，我嘗試使用SweetAlert與Laravel 5.5全光照Larvel混合，但不能正常工作

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'); 

包。 JSON

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

資源/資產/上海社會科學院/ app.css

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

當我執行npm run dev編譯沒有任何錯誤。

但是，當我使用這種方法時，警報將顯示沒有CSS樣式的SweetAlert。

Answer 1

在你resources/assets/sass/app.scss文件，

使用此行，而不是

@import "~sweetalert2"; 

什麼你在幹什麼（進口從CDN的CSS）無關與npm可言。