Javascript 使用Webpack 4预编译nunjucks模板

从Gulp移动到Webpack（这是一个Backbone.js应用程序）。我需要将所有

*.html

文件（

nunjucks

templates）&concat预编译为单个

js

文件（例如template.min.js）

如何使用

webpack.config.js

项目结构：

js/
应用程序/
app.js
观点/
v1.js//从此处开始使用模板，而不是按要求
v2.js
模板/
t1.html//这些是NUNJUCK文件
t2.html
webpack.config.js

我不知道是否有办法做到这一点（当然有），但即使有办法，也不是“惯用的webpack”。通过and require加载模板而不是在视图中声明文件名（

t1Tpl:require（'nunjucks！/views/t1.html'）

）有什么理由反对？如果模板文件名在主干视图中有输入错误，它甚至会增加编译时错误的好处。好的，那么我必须在每个视图文件中做很多更改（我有数千个视图文件&每个文件都有多个模板）。如果我能做到这一点而不改变视图中的文件，那就太好了！这不能主要通过搜索/替换来实现吗？将

Tpl:'

替换为

Tpl:require（'.

我需要预编译的

*.js

文件。如果我确实

require（'.'）

，它就不能使用

global.nunjucksEnv.render（this.t1Tpl）

命令。是的，

global.nunjucksEnv.render

必须稍微调整一下。它只需要调用

.render（params）

关于传递的参数

this.t1Tpl

如nunjuck loader的tje文档中所述：

var-tpl=require（'./views/page.njk'）；var-html=tpl.render（{message:'Foo-that！'）；