NPM：无法使Mustache.js包工作

Question

我在Webpack中捆绑了6个不同的模块。其中一个是Mustache.js。

Mustache模板位于HTML页面内。它们不在单独的文件中。现在，当我加载页面时...我收到此错误...

这是我的 app.js 文件

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

我尝试过更改订单，但没有任何工作。

'modules.js'文件依赖于'mustache'。所以我进入了modules.js文件并在该文件的顶部添加了require('mustache');，但没有任何改变。我是否需要在webpack.config.js文件中添加任何其他配置？

如果我从包中取出Mustache.js模块并将其正常加载到html页面上，如<script src="js/mustache.js"></script>，那么一切正常。

有人可以建议我如何在捆绑中包含此模块？已经浪费了这么多时间试图完成这项工作，但无济于事。非常感谢提前。

Answer 1

听起来它没有捆绑时工作，因为你直接在DOM中引用脚本，Mustache被添加到全局范围，在本例中是window.Mustache。

在您的app.js或任何其他＆＃39;捆绑的＆＃39;引用Mustache的脚本，您需要并指定一个变量：

var Mustache = require('mustache');