Проблема в плагине для браузеров brfs

Я пытаюсь преобразовать все файлы шаблона.html в один файл bundle.js, считывая содержимое файла из каждого файла.html.

Я написал следующий код в main.js

var fs = require('fs');
var templates = {
    'header': fs.readFileSync('app/templates/header.html', 'utf8'),
    'heading': fs.readFileSync('app/templates/heading.html', 'utf8')
}

Это работает, но добавляя некоторые ненужные функции-обертки в bundle.js когда я бегу browserify -t brfs main.js > bundle.js в cmd:

(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){

var templates = {
    'header': "<div class=\"headerSection\">\r\n\t<div class=\"headerSectionWrapper\">\r\n\t\t<div class=\"logo\">{{name}}</div>\r\n\t\t<div class=\"searchBarSection\">\r\n\t\t\t<div class=\"searchBar\">\r\n\t\t\t\t\r\n\t\t\t</div>\r\n\t\t\t<div class=\"searchTextHolder\">\r\n\t\t\t\t<form name=\"searchform\">\r\n\t\t\t\t\t<input type=\"text\" name=\"searchbox\"></input>\r\n\t\t\t\t</form>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>",
    'heading': "<!-- HTML Template -->\n<h3>heading</h3>\n"
}
},{}]},{},[1]);

Как убрать эту функцию-обертку?

Источник

2 ответа

Решение

Просто беги brfs непосредственно:

$ brfs main.js
var templates = {
    'header': "<div class=\"headerSection\">\r\n\t<div class=\"headerSectionWrapper\">\r\n\t\t<div class=\"logo\">{{name}}</div>\r\n\t\t<div class=\"searchBarSection\">\r\n\t\t\t<div class=\"searchBar\">\r\n\t\t\t\t\r\n\t\t\t</div>\r\n\t\t\t<div class=\"searchTextHolder\">\r\n\t\t\t\t<form name=\"searchform\">\r\n\t\t\t\t\t<input type=\"text\" name=\"searchbox\"></input>\r\n\t\t\t\t</form>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>",
    'heading': "<!-- HTML Template -->\n<h3>heading</h3>\n"
}

brfs командуйте кораблями с пакетом brfs.

Источник

Это код прелюдии browserify. Это "среда выполнения", которая заставляет работать browserify. Вы получаете это даже с крошечным примером:

echo 'console.log("foo")' | browserify
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({},{},[]);

Это не связано с brfs, просто browserify, и это магия, которая заставляет browserify работать в браузерах и узлах.

Источник
Другие вопросы по тегам