Question

我是gulp和browsersync的新手。我安装了react-bootstrap-starter（https://github.com/jogleasonjr/react-bootstrap-starter）在AWS上的ubuntu 16.04实例上。

为了让程序通过互联网在我的网络浏览器上显示，我添加了：

ui: {
            port: 80
        },

到“gulp / config.js”。这是文件总内容：

var dest = './build',
    src = './src';

module.exports = {
    browserSync: {
        ui: {
            port: 80
        },
        server: {
            baseDir: [dest, src]
        },
        files: [
            dest + '/**'
        ]

    },
    less: {
        src: src + '/less/main.less',
        watch: [
            src + '/less/**'
        ],
        dest: dest
    },
    markup: {
        src: src + "/www/**",
    dest: dest
    },
    browserify: {
        // Enable source maps
        debug: true,
        // A separate bundle will be generated for each
        // bundle config in the list below
        bundleConfigs: [{
            entries: src + '/app/app.jsx',
            dest: dest,
            outputName: 'app.js'
        }]
    }
};

“gulp / tasks / browserSync.js”的内容是：

var browserSync = require('browser-sync');
var gulp        = require('gulp');
var config      = require('../config').browserSync;

gulp.task('browserSync', ['build'], function() {
  browserSync(config);
});

当我运行“sudo gulp”时，我会在终端上看到这个：

[20:48:12] Using gulpfile /nodeB2/react-bootstrap-starter/gulpfile.js
[20:48:12] Starting 'setWatch'...
[20:48:12] Finished 'setWatch' after 96 μs
[20:48:12] Starting 'browserify'...
[20:48:12] Bundling app.js...
[20:48:12] Starting 'markup'...
[20:48:12] Starting 'less'...
[20:48:12] Finished 'markup' after 161 ms
[20:48:12] Finished 'less' after 155 ms
[20:48:16] Bundled app.js in 4.33 s
[20:48:16] Finished 'browserify' after 4.34 s
[20:48:16] Starting 'build'...
[20:48:16] Finished 'build' after 3.44 μs
[20:48:16] Starting 'browserSync'...
[20:48:16] Finished 'browserSync' after 25 ms
[20:48:16] Starting 'watch'...
[20:48:16] Finished 'watch' after 13 ms
[20:48:16] Starting 'default'...
[20:48:16] Finished 'default' after 14 μs
[Browsersync] Access URLs:
 -------------------------------------
       Local: http://localhost:3000
    External: http://172.30.0.233:3000
 -------------------------------------
          UI: http://localhost:80
 UI External: http://172.30.0.233:80
 -------------------------------------
[Browsersync] Serving files from: ./build
[Browsersync] Serving files from: ./src
[Browsersync] Watching files...
[Browsersync] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)

当我进入浏览器时，我看到一个文件，但它是一个通用的browserSync文件，而不是我在“build / index.html”中的html文件。

为什么不显示我的html文件而该文件来自哪里？

Gulp显示BrowserSnyc页面而不是我的index.html

0 个答案: