NPM: не могу заставить работать пакет Mustache.js

Question

Я объединяю 6 различных модулей в Webpack.Одним из них является Mustache.js .

Шаблоны усов находятся внутри HTML-страницы.Они не в отдельном файле.Теперь, когда я загружаю свою страницу ... я получаю эту ошибку ...

Это мой app.js файл

require('mustache');
require("./js/modules.js");
require("./js/custom.js");
require('owl.carousel');
require('bootstrap');
require("expose-loader?$!jquery");

Я пытался изменить порядок, но ничего не работает.

Файл 'modules.js' зависит от 'усов'.Поэтому я вошел в файл modules.js и добавил require('mustache'); вверху этого файла, но ничего не изменилось.Нужно ли мне добавлять какие-либо дополнительные настройки в мой файл webpack.config.js?

Если я вытащу модули Mustache.js из комплекта и загружу его нормально на html-странице, например <script src="js/mustache.js"></script>, то все работаетнормально.

Может кто-нибудь посоветовать, пожалуйста, как включить этот модуль в комплект?Уже потрачено столько времени, чтобы попытаться сделать эту работу, но безрезультатно.Большое спасибо заранее.

Answer 1

Похоже, что он работает, когда не связан, потому что вы ссылаетесь на скрипт непосредственно в DOM, и Mustache добавляется в глобальную область, в данном случае window.Mustache.

В вашем app.js илилюбой другой «связанный» скрипт, который ссылается на усы, который вам потребуется и присваивает переменной:

var Mustache = require('mustache');