В настоящее время мы с моей командой переносим довольно большой проект из AMD + RequireJS в CommonJS + Webpack. Нам нравятся инструменты, которые Webpack предоставляет и думает, что CommonJS - это направление, в котором движется сообщество: прыгать на победившей стороне, которую вы могли бы сказать.Загрузка шаблонов усов с помощью Webpack
Что такое эффективный способ использования webpack для автоматической загрузки и связывания наших файлов шаблонов .mustache? В настоящее время у нас есть сценарий, который использует часы xport связать все .mustache файлы в нашей папке проекта в один JS файл в формате:
var files = {};
files['path/to/file'] = '<div>{{content}}</div>';
files['path/to/other/file'] = '<span>{{stuff}}</span>';
...
Мы могли полностью продолжать использовать это ... Что особенно удобно о наше текущее решение состоит в том, что нам не нужно специально ссылаться на наши шаблоны в проекте, когда мы создаем новый шаблон. Поскольку скрипт просто просматривает папку, словарь обновляется, и мы можем использовать другую библиотеку, чтобы взять строку и превратить ее в полезную функцию шаблона.
Какая цель? Мне любопытно, есть ли способ перейти от шаблонов в нашей папке -> функции, которые мы можем использовать в коде, не требуя особого использования файлов в проекте. И наше текущее решение выходит за рамки webpack (если, конечно, не существует способа подключиться), что раздражает, потому что мы не хотим использовать 2 скрипта для просмотра. Я посмотрел на loaders, но они кажутся от 1 до 1 исходным файлом -> выходным файлом против многих до 1, что является отличным в отношении нашего текущего решения.
Спасибо!