如何使用 Browserify 获取 html 模板

2024-06-08

我正在尝试找出一种简单的方法,在脚本中需要 html 模板,然后从 CLI 运行 browserify。

假设我想获取一个模板并将其附加到正文中。

//index.js

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

and

<!-- 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])

Use: https://github.com/substack/brfs 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
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 Browserify 获取 html 模板 的相关文章

随机推荐

  • 无法使用 Python 3 编写的 gzip.open() 将压缩文件上传到云存储

    当我尝试在 Cloud Shell 实例上使用 python 脚本将压缩的 gzip 文件上传到云存储时 它总是上传一个空文件 这是重现错误的代码 import gzip from google cloud import storage s
  • MongoDB + Neo4J vs OrientDB vs ArangoDB [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我目前正处于 MMO 浏览器游戏的设计阶段 游戏将包括一些实时位置的图块地图 因此每个单元格的图块数据 和通用世界地图 我更喜欢使用 Mongo
  • Rails 6 webpack 抛出“未捕获的引用错误:$未定义”

    大家好 我最近开始使用 ruby 2 6 5 开发 Rails 6 由于 Rails 6 引入了 webpack 所以我尝试使用 webpack 加载我的 js 文件 尽管我已经在 appliation js 中需要了 jquery 但我仍
  • 更改 VS Code 中的默认 Emmet 设置

    是否可以改变default 不适用于单个项目 命令的 Emmet 行为 在 Visual Studio 代码中 例如 我不想看到属性lang en in 标签 我也不想看到该字符串 也许我会想向 VS Code 中的默认 Emmet 行为添
  • 通过重定向让 Flash 哈希值持续存在

    我的基本用例是做一些处理 设置flash notice 然后重定向到新页面 据我所知 重定向会重置 flash 标签 如果我错了 请纠正我 有没有办法获得坚持呢 使用会话不是一种选择 我已经使用 cookie 解决了这个问题 但我认为必须有
  • 用 PDO 和准备好的语句替换 mysql_* 函数

    我总是做简单的连接mysql connect mysql pconnect db mysql pconnect host user pass if db echo strong Error strong Could not connect
  • unityLibrary:compileDebugJavaWithJavac

    所以当我单击 构建项目 时 它显示 零错误 但我仍然得到这个 Executing tasks clean unityLibrary assembleDebug launcher assembleDebug in project C User
  • C# 编译器编译 .txt .obj .java 文件

    using System class Program public static void Main Console WriteLine Hello World Console ReadLine 我将文件另存为1 java 2 obj an
  • ggplot2条形图:按数据顺序填充

    给出这样的数据框 sam lt data table title c rep Cat 8 rep Dog 4 fcat c A B C B B C C B C B B C fnum c seq 8 1 seq 4 1 labeltext c
  • Xcode4工作区共享项目

    我正在尝试使用新的 Xcode4 工作区功能来迁移一些之间具有依赖关系的 Xcode3 项目 我有一个创建静态库的项目 然后是一个依赖于静态库的应用程序项目 因此 正如指南中提到的 我创建了一个新的工作区并将这两个项目拖到工作区中 但是 当
  • Google Places API:如何使用多种类型?

    我需要一个返回评级 照片 开放 关闭时间等的 POI API 我认为 Google Places API 似乎可以满足我的要求 但我在过滤方面遇到了一些麻烦 我想使用多种类型的自动完成功能过滤 这是我所拥有的 var map var sel
  • 在 Groovy 中分配对象属性的简写方法?

    我使用此约定创建 Groovy 对象 Item item1 new Item name foo weight 150 是否有操作属性对象的速记约定 像这样的东西 item1 name hello weight 175 this does n
  • vs2010 在任何类型的滚动中卡住/冻结

    我在 VS 2010 SP1 中有一个恼人的问题 当我尝试用鼠标 键盘或滚动条向上 向下滚动时 VS2010 就会变得疯狂 屏幕的某些部分会冻结 我重新启动了VS 2010 甚至重新启动了计算机 但没有任何反应 我卸载了VS2010和vs2
  • EhCache 未找到序列化器

    我通过以下方式初始化我的缓存 CacheManager cacheManager cacheManager CacheManagerBuilder newCacheManagerBuilder build cacheManager init
  • 如何在MySql中将bool转换为int

    我是 MySql 的新手 所以我不知道很多东西 比如数据类型的转换 如何在 MySql 中将 bool 转换为 int 还有如何在 MySql 中将十进制转换为 Int 将布尔值类型转换为整数 SELECT CAST 1 1 AS SIGN
  • 使用 jQuery 将值发送到 $_GET

    我正在使用一个 PHP 脚本 该脚本正在通过 GET 等待两个值 我正在尝试使用 jQuery 传递这两个值 而这正是我不太擅长的地方 这是我得到的代码 有人能指出我正确的方向吗 谢谢 function xrate id rating aj
  • 如何欺骗 git-svn 来识别使用 svn 进行的合并?

    我们有一个 SVN 设置 具有稳定的主干和不稳定的开发分支 开发工作 大部分 在分支上完成 然后在部署之前合并到主干 我使用 git svn 作为我的 SVN 客户端 我从unstable到trunk的合并过程如下 git svn fetc
  • JQuery 语言下拉选择器

    我需要一个已经实现的 JQuery 或 JavaScript 下拉语言选择器解决方案 当用户单击下拉菜单时 该下拉菜单应打开 并且应显示语言列表 左侧带有该国家 地区的国旗 我什至找不到例子 任何 jQuery 下拉插件都不能正常工作吗 您
  • 检测 UICollectionView 中的页面更改

    我尝试寻找这个问题一段时间 但找不到这个问题的答案 我的问题是我有一个UICollectionView滚动方向是Horizontal with Paging Enabled 我的问题是我想保留用户所在的当前页码 所以我创建了一个int变量
  • 如何使用 Browserify 获取 html 模板

    我正在尝试找出一种简单的方法 在脚本中需要 html 模板 然后从 CLI 运行 browserify 假设我想获取一个模板并将其附加到正文中 index js var template require template html docu