使用Webpack将Nunjucks文件编译为HTML

Question

我正在使用 nunjucks-webpack-plugin 和 webpack，但是我无法弄清楚如何编译目录中的所有 .njk 文件。

我的目录结构：

├── src/
    └── pages/
        └── index.njk
        └── blog.njk
        └── blog-single.njk
        └── template-parts/
            └── layout.njk
            └── header.njk
            └── footer.njk

pages文件夹中的文件需要编译成html，例如index.njk、blog.njk等。

我对js不熟悉，任何建议都会非常有帮助。

使用webpack和nunjucks是否可能实现这一点，或者我应该使用其他模板引擎？

- Prakash MV

Answer 1

实际上这在Readme文件中已经有了说明。

import NunjucksWebpackPlugin from "nunjucks-webpack-plugin";

export default {
  plugins: [
    new NunjucksWebpackPlugin({
      templates: [
        {
          from: "/path/to/template.njk",
          to: "template.html"
        },
        {
          from: "/path/to/next-template.njk",
          to: "next-template.html"
        }
      ]
    })
  ]
};

使用该插件，您需要定义要编译的每个文件。

- IamSoClueless