1

我是新手。我正在尝试使用 gulp 创建一个 vendor.css 文件和 vendor.js 文件。

vendor.css 应该是

 -bootstrap.css

vendor.js 应该是

 -jquery.js
 -bootstrap.js
 -angular.js
 -angular-ui-router.js

gulpfile.js

// Include Gulp
var gulp = require('gulp');
// Include plugins
var plugins = require("gulp-load-plugins")({
    pattern: ['gulp-*', 'gulp.*'],
    replaceString: /\bgulp[\-.]/
});
// Define default destination folder
var dest = 'public';

gulp.task('vendorjs', function(){
    var filterJS = plugins.filter('**/*.js');
    return gulp.src('./bower.json')
        .pipe(plugins.mainBowerFiles( ))
        .pipe(filterJS)
        .pipe(plugins.concat('vendor.js'))
        .pipe(plugins.uglify())
        .pipe(filterJS.restore())
        .pipe(gulp.dest(dest+"/vendor/js/"));
});
gulp.task('vendorcss', function(){
    var filterCSS = plugins.filter('**/*.css');
    return gulp.src('./bower.json')
        .pipe(plugins.mainBowerFiles( ))
        .pipe(filterCSS)
        .pipe(plugins.concat('vendor.css'))
        .pipe(plugins.uglify())
        .pipe(filterCSS.restore())
        .pipe(gulp.dest(dest+"/vendor/css/"));
});


gulp.task('default', function() {
  // place code for your default task here
});

gulp.task('serve', ['vendorcss','vendorjs'], function () {

});

当我运行 gulp serve 时，它​​执行没有错误。但我最终得到

public/vendor/css/angular/angular.js 

public/vendor/css/angular-ui-router/release/angular-ui-router.js

public/vendor/css/bootstrap/dist/js/bootstrap.js

public/vendor/css/bootstrap/less/bootstrap.less

public/vendor/css/jquery/dist/jquery.js

public/vendor/js/vendor.js

public/vendor/js/bootstrap/less/bootstrap.less
  1. 为什么我的css文件丢失了。为什么我得到的文件更少。

我的输出应该是

public/vendor/vendor.js
public/vendor/vendor.css
  1. 如何用我的 html 映射 vendor.js 和 vendor.css
4

0 回答 0