javascript – 如何使用Browserify要求HTML模板

前端之家收集整理的这篇文章主要介绍了javascript – 如何使用Browserify要求HTML模板前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图找出一个简单的方法来在脚本中要求一个html模板,然后从CLI运行browserify.

说我想抓住一个模板并将其附加到身体.

//index.js

var template = require('./template.html');
document.body.appendChild(template);

<!-- template.html -->
<p>Woooo!</p>

然后使用CLI将其全部包装在Browserify中.

browserify index.js> build.js

在引用build.js的浏览器中加载index.html模板时,我会在控制台中收到此错误

Uncaught SyntaxError: Unexpected token <

正在引用

....

},{}],3:[function(require,module,exports){
<div class="slide">
    <h2 data-slide-title></h2>
    <div data-slide-copy></div>
</div>
},{}]},{},[1])

解决方法

使用: https://github.com/substack/brfs

1

npm安装brfs

2

var fs = require('fs');
var html = fs.readFileSync(__dirname + '/robot.html','utf8');
console.log(html);

3

browserify -t brfs example/main.js > bundle.js
原文链接:https://www.f2er.com/js/152009.html

猜你在找的JavaScript相关文章