gulp-默认情况下加载子目录（example.com/en/）

我正在使用这个主题构建一个多语言站点的用户体验。两种语言并不完全相同，因此每种语言都有自己的设计，因此页面也不同。但是，两者都将使用相同的资产、CSS和JS文件

我将所有HTML文件（取决于语言）放在根目录中单个文件夹下的两个子文件夹中：

(root)
|_ css
|_ js
|_ locales
    |_ en
        |_ index.html
    |_ de
        |_ index.html

从我对gulp的有限理解来看，解决方案在于我的

gulpfile.js

文件中的

browserSync

函数。

browserSync

功能如下所示：

...
// BrowserSync
function browserSync(done) {
  browsersync.init({
    server: {
      baseDir: "./"
    },
    port: 3000
  });
  done();
}
...

当然，这不会加载页面（

无法获取/

），因为

index.html

不在根文件夹

/

中

---

我想让gulp在默认情况下加载

example.com/en/

（或

localhost:3000/en/

），这样我就可以访问

locales

文件夹中的其他目录，如

de

或任何其他语言

以下是我尝试过的（第一次尝试）

这将加载英文索引文件，但任何访问

de

目录的尝试都不会起作用，因为根URL现在位于

en

文件夹中

以下是我尝试的（第二次尝试）

我原以为这会起作用，但结果完全一样：

localhost:3000

会加载英文索引文件，而试图访问

localhost:3000/de

却没有起作用

默认情况下，如何设置gulp以加载

/en/

，以便访问其他语言

提前谢谢。

你试过这个吗

function browserSync(done) {
  browsersync.init({
    server: {
      baseDir: "./locales/"
      index: './locales/en/index.html',
    },
    port: 3000
  });
  done();
}

你试过这个吗

function browserSync(done) {
  browsersync.init({
    server: {
      baseDir: "./locales/"
      index: './locales/en/index.html',
    },
    port: 3000
  });
  done();
}

function browserSync(done) {
  browsersync.init({
    server: {
      baseDir: "./locales/"
      index: './locales/en/index.html',
    },
    port: 3000
  });
  done();
}