Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
dist
pages
README.md
footer.ejs
google-analyze.js
reset.min.css
template.ejs
webpack.config.js

README.md

预编译模版

一些场景下,你可能需要使用模版引擎预处理模版后再交给 web-webpack-plugin 去处理,要使用模版引擎需要使用templateCompiler属性,WebPluginAutoWebPlugin 都支持,具体使用如下:

const autoPlugin = new AutoWebPlugin('./pages', {
	template: './template.ejs',
	// 定义一个函数,告诉你当前页面的 pageName 和 使用的模版的 文件完整路径 templateFullPath,你返回一个模版引擎处理后的HTML字符串内容。
	templateCompiler: function(pageName, templateFullPath) {
		const ejsTemplate = fs.readFileSync(templateFullPath, {
			encoding: 'utf8',
		});
		return ejs.render(ejsTemplate, {
			title: pageName,
		});
	},
});

对于WebPlugin用法和AutoWebPlugin完全一样。

You can’t perform that action at this time.