这是我的gulpfile。我不知道这是怎么回事。就像我之前做的其他项目一样。是不是有些东西过时了?
var gulp = require('gulp');
var rename = require('gulp-rename');
var elixir = require('laravel-elixir');
gulp.task("copyfiles", function(){
// Copy jQuery, Bootstrap, and FontAwesome
gulp.src("vendor/bower_dl/jquery/dist/jquery.js")
.pipe(gulp.dest("resources/assets/js/"));
gulp.src("vendor/bower_dl/bootstrap/less/**")
.pipe(gulp.dest("resources/assets/less/bootstrap"));
gulp.src("vendor/bower_dl/bootstrap/dist/js/bootstrap.js")
.pipe(gulp.dest("resources/assets/js/"));
gulp.src("vendor/bower_dl/bootstrap/dist/fonts/**")
.pipe(gulp.dest("public/assets/fonts"));
gulp.src("vendor/bower_dl/fontawesome/less/**")
.pipe(gulp.dest("resources/assets/less/fontawesome"));
gulp.src("vendor/bower_dl/fontawesome/fonts/**")
.pipe(gulp.dest("public/assets/fonts"));
// Copy datatables
var dtDir = 'vendor/bower_dl/datatables-plugins/integration/';
gulp.src("vendor/bower_dl/datatables/media/js/jquery.dataTables.js")//-----
.pipe(gulp.dest('resources/assets/js/'));
gulp.src(dtDir + 'bootstrap/3/dataTables.bootstrap.css')
.pipe(rename('dataTables.bootstrap.less'))
.pipe(gulp.dest('resources/assets/less/others/'));//-----
gulp.src(dtDir + 'bootstrap/3/dataTables.bootstrap.js')
.pipe(gulp.dest('resources/assets/js/'));
});
/**
* Default gulp is to run this elixir stuff
*/
elixir(function(mix) {
// Combine scripts
mix.scripts([
'js/jquery.js',
'js/bootstrap.js',
'js/jquery.dataTables.js',
'js/dataTables.bootstrap.js'
],
'public/assets/js/admin.js',
'resources/assets'
);
// Compile Less
mix.less('admin.less', 'public/assets/css/admin.css');
});
我不知道为什么会这样。我完全按照教程的要求来做
很可能您没有在新项目中安装依赖项。也许在根目录下运行一个bower install。并确保bower文件具有所需插件中列出的bootstrap数据表插件。
我首先必须运行"gulp copyfiles",然后我必须再次运行gulp,不带参数
所以第一次运行
gulp copyfiles
然后运行
gulp
我遵循相同的教程,遇到了同样的问题。
我确实运行了gulp copyfiles,但datatable .bootstrap.css和datatable .bootstrap.js只是没有复制。
我通过手动复制两个文件并将css重命名为less来解决这个问题。