Wie kann ich eine HTML-Vorlage mit Browserify

Question

anfordern Ich versuche, eine einfache Möglichkeit zu finden, eine HTML-Vorlage im Skript und dann browserify von der CLI ausführen.

Sagen wir, ich möchte eine Vorlage greifen und sie an den Körper anhängen.

//index.js 

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

und

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

mit dann die CLI es in Browserify alle bis zu wickeln.

browserify index.js > build.js

Wenn im Browser eine index.html-Vorlage laden, die build.js ich in der Konsole diesen Fehler verweist:

Uncaught SyntaxError: Unexpected token < 

die

.... 

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

Answer 1

Verwendung verweist: https://github.com/substack/brfs

npm install brfs

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

browserify -t brfs example/main.js > bundle.js 

Answer 2

gute Option ist jstify.

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

Für weitere Informationen werfen Sie einen Blick dieses link