首页 > 解决方案 > Webpack — 模板中的模板

问题描述

我用 webpack 做一个网站。我使用 html 模板,它的工作。但是,如果我尝试在更大的模板中使用模板,我的网站构建就会中断。

我认为这部分配置为 html 模板

const HtmlWebpackPlugin = require('html-webpack-plugin');

function generateHtmlPlugins(templateDir) {
    const templateFiles = fs.readdirSync(path.resolve(__dirname, templateDir));
    return templateFiles.map(item => {
      const parts = item.split('.');
      const name = parts[0];
      const extension = parts[1];
      return new HtmlWebpackPlugin({
        filename: `${name}.html`,
        template: path.resolve(__dirname, `${templateDir}/${name}.${extension}`),
        inject: false,
        minify: false,
      })
    })
}

在页面文件中调用模板

<%=_.template(require('../templates/footer.html'))() %>

我需要改变什么,因为我可以在模板中调用模板?

标签: webpack

解决方案


推荐阅读