目錄結(jié)構(gòu)
#下面是hogan.html的內(nèi)容
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);
我是 npm i --save hogan.js 安裝js模組.
在html裡面require('hogan.js')
會(huì)報(bào)錯(cuò) require is not defined.
平常在webpack裡面是直接使用的.
如何使用require??
認(rèn)證0級(jí)講師
這表示你的node_modules
目錄下沒(méi)有這個(gè),你看看你裝到哪裡去了
剛剛沒(méi)看清你是在html
中寫require
,js
裡面才支持require
所以你到底解決了沒(méi)?你想在js
裡面require
還是html
裡面require
?
js
裡面可以正常require
,html
裡面想引入就去node_modules
資料夾下找到hongan.js
的路徑
require
是node.js
的內(nèi)建方法,你運(yùn)行Webpack的時(shí)候,npm run build
其實(shí)也是用node在運(yùn)行webpack的編譯腳本,所以require是支援的。但是現(xiàn)在你寫成了原生的,就脫離了node.js
,原生不支援require()
載入包。
正確的做法是,用和
標(biāo)籤直接添加檔案:
<script src="./node_modules/..."></script>
<link href="./node_modules/..." />