browserfy的brfs插件中出现问题
Issue in brfs plugin of browserify
我正试图通过从每个.html文件中读取文件内容,将中的所有.html模板文件转换为一个bundle.js文件。
我在main.js
中写了以下代码
var fs = require('fs');
var templates = {
'header': fs.readFileSync('app/templates/header.html', 'utf8'),
'heading': fs.readFileSync('app/templates/heading.html', 'utf8')
}
这是有效的,但当我在cmd:中运行browserify -t brfs main.js > bundle.js
时,在bundle.js
中添加了一些不必要的包装函数
(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]);
如何删除此包装函数?
只需直接运行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包一起提供。
这是浏览的前奏代码。正是"运行时"使浏览变得有效。即使有一个很小的例子:
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无关,只是browserfy,它是使browserfy在浏览器和节点中工作的魔法。
相关文章:
- 我的jQuery插件参数没有正确启动,遇到了问题
- TableExport jquery插件:文件名和扩展名问题
- Jquery标签插件粘贴问题
- 使用科尔多瓦媒体插件时出现问题
- 我的Firefox插件和跨域https存在问题
- 应用程序版本插件问题
- SlimScroll JQuery插件中的滚动条问题
- 由于jQuery问题,在实现Disqus插件时出现问题
- browserfy的brfs插件中出现问题
- Ruby(rails)时间戳和jQuery timeago插件出现问题
- jQuery表单验证插件's只有文字字段的问题
- IE10中使用jQuery floatThead插件(1.2.10)的布局问题
- [contenteditable]元素和jQuery验证插件的问题
- IE9上的Jquery表单插件问题
- Cordova/phonegap 插件兼容性问题 - org.chromium.socket / org.chromiu
- 这个快照 svg 插件有什么问题
- 刷新整页.js插件的问题
- Phonegap facebook插件:安卓系统的各种问题
- jQuery插件和 ASP.NET 内容页面的问题
- 通过Chrome自定义插件在浏览器当前页面中选择元素的问题