Question

当我在应用程序的根目录中运行服务器并浏览到/ dist时，我的应用程序正常运行。当我在Dist文件夹中运行web服务器时，我只看到index.html，但是反应将不会呈现页面。

我的gulp文件是这样的：

var gulp = require('gulp');
var plug = require('gulp-load-plugins')({lazy: true});

var browserify = require('browserify');
var babelify = require('babelify');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var del = require('del');
var sass = require('gulp-sass');

gulp.task('build', ['sass'], function () {
    return browserify({
        extensions: ['.jsx', '.js'],
        entries: './src/app.jsx',
    })
        .transform(babelify.configure({ignore: /(node_modules)/}))
        .bundle()
        .on("error", function (err) {
            console.log("Error : " + err.message);
        })
        .pipe(source('app.js'))
        .pipe(buffer())
        .pipe(plug.uglify())
        .pipe(gulp.dest('./dist/'));
});

gulp.task('clean', function () {
    return del('dist/**', {force: true});
});

gulp.task('copy-files', ['clean'], function () {
    return gulp.src(['./src/index.html', './favicon.ico','./src/contact.html'])
        .pipe(gulp.dest('./dist/'));
});

gulp.task('copy-images', ['copy-files'], function () {
    return gulp.src(['./src/img/**/*'])
        .pipe(gulp.dest('./dist/img'));
});
gulp.task('sass', ['copy-images'], function () {
    return gulp.src('./src/css/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./dist/css'));
});

我在gulp文件中做错了什么，还是有其他原因？

服务dist文件夹不起作用

0 个答案: