我是Laravel的新手,我正在思考一件事。
我有一个带有bootstrap 4的node_modules文件夹。但我不想使用CDN将我的模板链接到bootstrap。我想将项目中安装的npm文件夹链接到我的模板。
我有我的gulpfile.js,但我认为这不是我需要的。
elixir((mix) => {
mix.copy('node_modules/bootstrap-sass/assets/fonts/', 'public/fonts');
mix.sass('app.scss')
.browserify('app.js');
});
我在很多网站上搜索,但我没有很好的解决方案。你有什么想法可以指导我吗?
感谢您抽出时间解决我的问题并祝圣诞快乐=)
答案 0 :(得分:0)
请你用这种方式在gulpfile.js elixir中指出你所有的css和js文件:
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();
});
所以最后所有css文件都会生成一个文件名app.css,所有js文件都会生成一个最终文件名app.js 对我来说工作正常,希望这个也适合你! 谢谢