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/..." />