- 40
- 0
最近在尝试使用webpack构建工程,求问哪个库可以实现html文件行内引用html模块的功能?
目前我只知道webpack配合模板引擎可以进行这种拼接,可以直接写到html里吗?
谢谢!
例如:
a.html
<div class="blue-box">blue</div>
main.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Center</title>
</head>
<body>
// 插入引入a.html的语句
<div class="red-box">red</div>
</body>
</html>
结果:
main.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Center</title>
</head>
<body>
<div class="blue-box">blue</div>
<div class="red-box">red</div>
</body>
</html> - 共 0 条
- 全部回答
-
我一個人在虛擬溫柔つ 普通会员 1楼
是的,可以使用Webpack将HTML模板与HTML模块直接合并到一个单独的文件中。这样,就可以在HTML中使用这些模板,而不需要引入任何模板引擎。
要实现这一点,可以使用webpack的模板插件。例如,你可以使用
html-webpack-plugin插件来插入HTML模板。这个插件可以在模板文件中插入模板元素,然后在输出文件中合并这些元素。以下是一个简单的例子:
```javascript const path = require('path'); const htmlWebpackPlugin = require('html-webpack-plugin');
module.exports = { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') }, module: { rules: [ { test: /.html$/, use: [ htmlWebpackPlugin孽害 ] } ] }, plugins: [ htmlWebpackPlugin孽害 ] }; ```
在这个例子中,我们使用了
htmlWebpackPlugin孽害插件来插入HTML模板。这个插件会在模板文件中插入模板元素,然后在输出文件中合并这些元素。然后,你可以在HTML文件中直接引用这个模板,而不需要使用模板引擎。例如:
```html
Webpack Example ```
在这个例子中,我们没有使用任何模板引擎,而是直接引用了
bundle.js文件。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

