如何使用Dist文件夹中的Bootstrap进行Gulp构建

如何解决如何使用Dist文件夹中的Bootstrap进行Gulp构建

我现在正在学习一些课程。我有一个基本的假网站结构，带有sass css，javascript，bootstrap和fontawesome。 Gulp在浏览器同步和观看时工作正常。但是，当我指示它构建dist文件夹时，出现了问题。它会建立好文件夹，最小化所有内容，并且还会为js和css文件名添加哈希。 js和css哈希甚至与html中的匹配，这应该可以工作。当我在构建后再次进行浏览器同步时，位于localhost：3000的常规文件可以工作，但是如果我打开localhost：3000 / dist.index.html，则引导CSS不适用。没有旋转木马，没有手风琴，没有形式风格，没有任何东西。尽管应用了自定义颜色，但看到的那些js位似乎起作用了。我该怎么办？ 我的gulpfile.js：

'use strict';

var gulp = require('gulp'),sass = require('gulp-sass'),del = require('del'),imagemin = require('gulp-imagemin'),browserSync = require('browser-sync'),uglify = require('gulp-uglify'),usemin = require('gulp-usemin'),rev = require('gulp-rev'),cleanCss = require('gulp-clean-css'),flatmap = require('gulp-flatmap'),htmlmin = require('gulp-htmlmin');

gulp.task('sass',function () {
    return gulp
        .src('./css/*.scss')
        .pipe(sass().on('error',sass.logError))
        .pipe(gulp.dest('./npcss'));
});

// Clean
gulp.task('clean',function () {
    return del(['dist']);
});

gulp.task('copyfonts',function () {
    gulp.src('./node_modules/font-awesome/fonts/**/*.{ttf,woff,eof,svg}*').pipe(
        gulp.dest('./dist/fonts')
    );
});

// Images
gulp.task('imagemin',function () {
    return gulp
        .src('img/*.{png,jpg,gif}')
        .pipe(
            imagemin({
                optimizationLevel: 3,progressive: true,interlaced: true,})
        )
        .pipe(gulp.dest('dist/img'));
});

gulp.task('sass:watch',function () {
    gulp.watch('./css/*.scss',['sass']);
});

gulp.task('browser-sync',function () {
    var files = [
        './*.html','./css/*.css','./img/*.{png,gif}','./js/*.js',];

    browserSync.init(files,{
        server: {
            baseDir: './',},});
});

gulp.task('usemin',function () {
    return gulp
        .src('./*.html')
        .pipe(
            flatmap(function (stream,file) {
                return stream.pipe(
                    usemin({
                        css: [rev()],html: [
                            function () {
                                return htmlmin({ collapseWhitespace: true });
                            },],js: [uglify(),rev()],inlinejs: [uglify()],inlinecss: [cleanCss(),'concat'],})
                );
            })
        )
        .pipe(gulp.dest('dist/'));
});

gulp.task('build',['clean'],function () {
    gulp.start('copyfonts','imagemin','usemin');
});

// Default task
gulp.task('default',['browser-sync'],function () {
    gulp.start('sass:watch');
});

Bootstrap 4.0.0，jquery 3.3.1，gulp-cli 2.0.1，local 3.9.1（是的，我知道gulp 4已经发布了，但是它太不同了，这是初始要求。节点11.15.0，npm 6.7 .0 我的结构：