Verzeichnisstruktur
Das Folgende ist der Inhalt von hogan.html
var Hogan = require('hogan.js');
mytools = {
renderHtml: function(htmlTemplate, data) {
var template = Hogan.compile(htmlTemplate);
var result = template.render(data);
return result;
}
}
var htmlTpl = '<p>{{name}}</p>';
var data = '张三';
mytools.renderHtml(htmlTpl ,data);
Ich verwende npm i --save hogan.js, um das js-Modul
require('hogan.js') in HTML zu installieren. Es wird ein Fehler gemeldet, dass require nicht definiert ist.
Wird normalerweise direkt im Webpack verwendet.
Wie verwende ich require??
这说明你的
node_modules
目录下没有这个,你看看你装到哪里去了刚刚没看清你是在
html
中写require
,js
里面才支持require
所以你到底解决了没?你想在
js
里面require
还是html
里面require
?js
里面可以正常require
,html
里面想引入就去node_modules
文件夹下找到hongan.js
的路径require
是node.js
的内置方法,你运行Webpack的时候,npm run build
其实也是用node在运行webpack的编译脚本,所以require是支持的。但是现在你写成了原生的,就脱离了node.js
,原生不支持require()
加载包。正确的做法是,用
<script>
和<link>
标签直接添加文件:你应该写Hogan .js的绝对路径