webpack - 使用 Webpack 将 Nunjucks 文件编译为 HTML

Question

我正在使用 webpack，nunjucks-webpack-plugin但我不知道如何编译.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 还是我应该使用其他一些模板引擎？

标签： webpacknunjucks

Answer 1

它实际上在自述文件中。

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"
        }
      ]
    })
  ]
};

使用此插件，您必须定义要编译的每个文件。