gpt4 book ai didi

webpack html (ejs) 包含其他模板

转载 作者:行者123 更新时间:2023-12-02 16:37:34 25 4
gpt4 key购买 nike

这是我的 webpack 配置:

import path from 'path';

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


module.exports = {
entry: {
index: './dev/index.js'
},
output: {
path: path.join(__dirname, 'dist'),
// publicPath: 'http://localhost:3000/',
filename: 'bundle.js',
chunkFilename: '[id].bundle.js'
},
module: {
loaders: [
{
test: /\.js$/,
exclude: path.resolve(__dirname, "node_modules"),
loader: 'babel-loader'
}
]
},
plugins: [
new HtmlWebpackPlugin({
hash: true,
template: 'ejs!./dev/index.ejs',
inject: 'body'
})
]

};

我的index.ejs文件:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<%- include html/one/1.ejs %>

</body>

</html>

我的文件夹结构:

dev/
/assets
/html
/one
1.ejs
1.scss
1.js
/two
/three
index.js
index.ejs

我想模块化我的 html 文件,因此我想包含它们...

我尝试了很多方法,包括另一个模板,但没有一个起作用......

有人可以告诉我如何才能完成这项工作吗?

最佳答案

使用ejs-render-loader包。 see package

plugins: [
new HtmlWebpackPlugin({
hash: true,
template: 'ejs-render!./dev/index.ejs',
inject: 'body'
})
]

我想这会解决你的问题。

更新:在 webpack3 中,加载器的语法已更改。 'ejs-render!./dev/index.ejs' 现在应该是:'ejs-render-loader!./dev/index.ejs'

关于webpack html (ejs) 包含其他模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39063450/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com