webpack - 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'))() %>
我需要改变什么,因为我可以在模板中调用模板?
解决方案
推荐阅读
- android - 房间 (SQL) 查询以获取按今天第一、明天第二和所有其他顺序排序的结果
- javascript - js中不能设置元素的href和src
- asp.net-core - 在 Visual Studio 2019 预览版中自动从监视和构建中排除 Razor 文件
- css - 本地 CSS 或 JS 的 MIME 类型错误阻止在使用 NodeJ 时加载自定义样式
- javascript - 将数组转换为具有前缀值作为javascript中键的对象的最佳方法
- javascript - 如何在角度/离子应用程序中从 npm 包中引用资源(javascript)?
- javascript - 如何编写具有多个值集的值的 if else 语句?
- matlab - 叶表水分的相变/相移
- discord.js - 如何为 discord.js 创建报价命令
- python - 根据长度刮掉链接