Laravel - Include bootstrap in Knotenmodule Ordner

Question

Ich bin neu mit Laravel und ich denke über eine Sache nach.

Ich habe einen Ordner node_modules mit Bootstrap 4. Aber ich möchte nicht das CDN verwenden, um meine Vorlage in Bootstrap zu verknüpfen. Ich möchte den Ordner, den npm in meinem Projekt installiert hat, mit meiner Vorlage verknüpfen.

Ich habe meine gulpfile.js, aber ich glaube nicht, dass das ist, was ich brauche.

elixir((mix) => { 
    mix.copy('node_modules/bootstrap-sass/assets/fonts/', 'public/fonts'); 
    mix.sass('app.scss') 
     .browserify('app.js'); 
}); 

Ich bin in vielen Websites suchen, aber ich habe keine gute Lösung. Hast du einige Ideen, um mich zu führen?

Vielen Dank für die Zeit auf mein Problem zu nehmen und ein frohes Weihnachtsfest haben =)

Answer 1

Können Sie bitte alle Ihre CSS und JS-Dateien in gulpfile.js Elixier mit dieser Art und Weise zeigen:

var elixir = require('laravel-elixir'), 
gulp = require('gulp'), 
htmlmin = require('gulp-htmlmin'); 
require('laravel-elixir-uncss'); 

elixir.config.sourcemaps = false; 
elixir.config.css.minifier.pluginOptions = { 
keepSpecialComments: 0 
}; 

elixir(function(mix) { 
mix.styles(['node_modules/bootstrap-sass/assets/bootstrap.css', 'table.css', 'font-awesome.css', 'main.css'], 'public/css/app.css'); 
}); 

elixir(function(mix) { 
mix.scripts(['jquery.js', 'main.js', 'table.js', 'init.js'], 'public/js/app.js') 
}); 

elixir(function(mix) { 
mix.compress(); 
}); 

Schließlich werden alle CSS-Dateien einen Dateinamen app.css und alle js-Dateien werden einen endgültigen Dateinamen machen app.js Funktioniert gut für mich, hoffe, dass dieser auch für Sie arbeiten wird! Vielen Dank