返回

在webpack中使用ejs模版引擎

Created By ZOU on Sep 29 2019

在webpack要使用ejs的该怎么配置?

首先安装对应依赖:

cnpm i -D ejs ejs-compiled-loader html-webpack-plugin

ejs:解析ejs模版语法

ejs-compiled-loader:使用ejs方法转换ejs模版

webpack配置方法

const HtmlWebpackPlugin = require('html-webpack-plugin')
const path = require('path')
module.exports = {
// 其他配置
module: {
rules: [{
test: /.ejs$/,
use: [
'ejs-compiled-loader'
]
}]
},
plugins: [{
new HtmlWebpackPlugin({
// 模版
template: path.resolve(__dirname, './src/index.ejs'),
// 生成文件
filename: 'index.html'
})
}]
}

webpack配置

ejs模版:

打包后的html

标签: webpack ejs