如何解决gulp-默认情况下加载子目录example.com/en/
我正在使用Start Bootstrap SB Admin 2主题来构建多语言站点的UX。两种语言不会完全相同,因此每种语言都有自己的设计,因此页面也不同。但是,两者都将使用相同的资产,CSS和JS文件。
我将所有HTML文件(取决于语言)放在根目录下单个文件夹下的两个子文件夹中:
(root)
|_ css
|_ js
|_ locales
|_ en
|_ index.html
|_ de
|_ index.html
根据我对gulp的有限了解,解决方案在于我的browserSync
文件中的gulpfile.js
函数。 browserSync
函数如下所示:
...
// BrowserSync
function browserSync(done) {
browsersync.init({
server: {
baseDir: "./"
},port: 3000
});
done();
}
...
当然,这不会加载页面(Can't GET /
),因为index.html
不在根文件夹./
中。
我想要的是让gulp默认加载example.com/en/
(或localhost:3000/en/
),以便随后我可以访问locales
文件夹中的其他目录,例如de
或任何其他语言。
这是我尝试过的(第一次尝试)
// BrowserSync
function browserSync(done) {
browsersync.init({
server: {
baseDir: "./locales/en/"
},port: 3000
});
done();
}
这将加载英语索引文件,但是任何尝试访问de
目录的尝试均无效,因为根URL现在位于en
文件夹中。
这是我尝试过的(第二次尝试)
function browserSync(done) {
browsersync.init({
server: {
baseDir: "./"
},index: '/pages/en/index.html',port: 3000
});
done();
}
我希望它能正常工作,但是发生的事情却完全相同:localhost:3000
将加载英语索引文件,而尝试访问localhost:3000/de
则无效。
如何默认设置gulp以加载/en/
,以便随后可以访问其他语言?
谢谢。
解决方法
您尝试过吗?
function browserSync(done) {
browsersync.init({
server: {
baseDir: "./locales/"
index: './locales/en/index.html',},port: 3000
});
done();
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。