require('...') 找不到模块!!

Question

目录结构下面是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);我是 npm i --save hogan.js 安装js模块.在html里面require('hogan.js')会报错 require is not defined.平时在webpack里面是直接使用的.如何使用require??

Answer 1

require是node.js的内置方法，你运行Webpack的时候，npm run build其实也是用node在运行webpack的编译脚本，所以require是支持的。但是现在你写成了原生的，就脱离了node.js，原生不支持require()加载包。

正确的做法是，用<script>和<link>标签直接添加文件：

<script src="./node_modules/..."></script>

<link href="./node_modules/..." />