Javascript 使用webpack替换HTML模板中的按钮_Javascript_Html_Webpack

Javascript 使用webpack替换HTML模板中的按钮

javascript html webpack

Javascript 使用webpack替换HTML模板中的按钮,javascript,html,webpack,Javascript,Html,Webpack,我是一个新的网页，有一个问题我的项目目录如下：我想将button/编译成entry.html，然后entry.html通过字符串replace生成index.html。输出目录是dist/ entry.html，如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> </hea

我是一个新的网页，有一个问题

我的项目目录如下：我想将button/编译成entry.html，然后entry.html通过字符串replace生成index.html。输出目录是dist/

entry.html，如下所示：

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
    {{button}}
</body> 
</html>


测试
{{按钮}

如您所见，我想使用webpack将{{button}}替换为button.html；我不知道如何编写webpack.config.js。有人能帮我吗？

大thx

Webpack并不是用来完成这种任务的

您需要的可能是一个模板引擎，比如，带有适当的加载程序。

然后，您可以将加载程序配置为按所需方式处理模板文件。

感谢您的帮助！我只是想研究如何使用组件来编写web应用程序。所以，我不想使用react这样的框架。然后我想，我可以使用模板来链接组件。是这样的rigth？模板引擎所做的是将模板编译成普通html。这意味着，如果您正在生成静态内容，那么像jade、handlebar、ejs之类的模板引擎肯定是最佳选择。另一方面，如果您的站点需要动态性，那么像react、angular、主干或类似的框架可能是更好的选择。简言之：你可以，但这取决于你在建设什么

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
    {{button}}
</body> 
</html>