Прекомпилируйте шаблоны nunjucks, используя Webpack 4 - PullRequest
Новая
       27

Прекомпилируйте шаблоны nunjucks, используя Webpack 4

0 голосов
/ 20 ноября 2018

Переход от Gulp к Webpack (это приложение Backbone.js).Мне нужно предварительно скомпилировать все *.html файлы (nunjucks шаблоны) и объединить в один js файл (например, template.min.js).

Как мне это сделатьчто с использованием webpack.config.js?

Структура проекта: 

js/
  apps/
    app.js

  views/
    v1.js  // from here using templates, not by require
    v2.js

templates/
  t1.html  // these are nunjucks files
  t2.html  

webpack.config.js

Как использовать шаблоны Nunjucks в кодах JS (Backbone.js)? 

module.exports = Backbone.View.extend({

  t1Tpl: 't1.html', // template file path into templates/ directory

  el: 'body',
  ...
  ...
  render() {
    $('body').html(global.nunjucksEnv.render(this.t1Tpl));
  }
  ...
  ...
});

Это был предыдущий gulp.task для прекомпиляции и конкататации файла: 

const nunjucks = require('gulp-nunjucks');
...
...
gulp.task('templates', function() {
  return gulp.src(paths.templates.files) // get all the templates/**/*.html files
   .pipe(nunjucks())                    // precompile
   .pipe(concat('templates.min.js'))    // concat into a single templates.min.js file
});

Я хочу выполнить точную задачу, используя правила Webpack Rules / Plugins.

...