Как я могу использовать html-шаблон с Browserify

Я пытаюсь найти простой способ потребовать шаблон html в script, а затем запустить браузер из CLI.

Скажем, я хочу захватить шаблон и добавить его в тело.

//index.js

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

и

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

Затем с помощью CLI завершим все это в Browserify.

browserify index.js > build.js

При загрузке шаблона index.html в браузере, который ссылается на build.js, я получаю эту ошибку в консоли:

Uncaught SyntaxError: Unexpected token <

который ссылается на

....

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

Ответ 1

Использование: https://github.com/substack/brfs

1

npm install 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

Ответ 2

Хорошая опция jstify.

browserify ./app/main.js -t jstify > static/bundle.js

Для получения дополнительной информации см. ссылку