Question

我想将站点部署到不同的服务器以进行测试，生产等。因此，通过更改一个变量或设置来定义基本路径将是首选方法。实现此目的的最佳方法是什么？

目前，我已经在布局文件中设置了一个变量，如下所示。

{% set siteBaseurl = '/demo' %}

它在其他我定义路径的地方都使用了

<img src="{{ siteBaseurl }}/images/logo.png" />

Answer 1

我找到了完美的解决方案。如gulp-nunjucks-render包中所述，您可以通过gulp任务将变量解析为模板。使用dotenv可以从一个配置文件中获取它。这是我的设置方式

.env

NODE_ENV=development
BASEURL=\demo

gulpfile.js

const nunjucksData = {
    baseurl: process.env.BASEURL
};

gulp.task('nunjucks', function () {
    nunjucksRender.nunjucks.configure(['app/templates/']);
    // Gets .html and .nunjucks files in pages
    return gulp.src('app/pages/**/*.+(html|njk|nunj|nunjucks)')
        // Renders template with nunjucks
        .pipe(nunjucksRender({
            data: nunjucksData,
            path: ['app/templates/'] // String or Array
        }))
        .pipe(gulpif(isProd, htmlmin()))
        // output files in app folder
        .pipe(gulp.dest('dist'));
});

layout.njk

<img src="{{ baseurl }}/images/logo.png" />

希望这会有所帮助

如何为nunjucks设置baseurl

1 个答案: