使用webpack加载nunjucks的data.json文件

Question

我正在寻找类似的方法来通过webpack为我的nunjucks模板注入data.json文件。用gulp看起来像这样：

gulp.task('nunjucks', function(done) {
    return gulp.src(paths.src.templates + '/*.njk')
        .pipe(data(function() {
            return require('./data.json') 
        }))
        .pipe(nunjucksRender({
            path: paths.src.templates,
            envOptions: {
                lstripBlocks: true,
                autoescape: true,
                trimBlocks: true
            }
        }))
        .pipe(gulp.dest(paths.pages.base))
    done();
});

有什么想法吗？我也使用laravel-mix会有所帮助。

我以为我可以做到，但是没有用：

mix.webpackConfig({
    module: {
        rules: [{
            test: '/data.json',
            loader: 'json-loader',
            exclude: '/node_modules/'
        }]
    }
});

Answer 1

您可以使用simple-nunjucks-loader（我是它的作者）。文档提供了与html-webpack-plugin集成（用于HTML文件输出）并将数据传递给它的示例

https://www.npmjs.com/package/simple-nunjucks-loader#with-html-webpack-plugin