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是否有可能，还是应该使用其他模板引擎？

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

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

使用Webpack将Nunjucks文件编译为HTML

1 个答案: