使用约曼/鲍尔引用的脚本
Script referencing with Yeoman/Bower
我正在构建一个带有节点、快速和角度的 SPA,并让 Yeoman 组织我的工作流程。这个问题主要与鲍尔有关:
当安装新包(jquery,下划线等)或创建新的本地js文件时,我总是必须在我的索引文件中手动引用它.html如下所示:
<script src="/jquery.js"></script>
或者类似的东西。我想知道是否有某种方法可以自动化这一点,特别是考虑到我的应用程序是单页的。有些人向我指出Require.js,但它并不理想,而且我不是AMD的最大粉丝。
我正在寻找类似于Meteor.js(或Rails服务器端)的工作方式:您只需在项目中创建一个源文件,并且给定它位于正确的目录中,它将包含在您的应用程序中,而无需手动设置任何引用。
有什么指示吗?
也许grunt-bower-install
(现在在不使用 RequireJS 时包含在generator-webapp
中)会有所帮助?
我已经在另一个答案中发布了有关其工作原理的更多详细信息。
我最终使用的模块是连接资产(尽管snockets也可以为此工作)。它允许以 Rails 方式引用您的 js 文件:
//= require a
//= require b
必须单独需要由 Bower 管理的第三方库。我检查的自动化解决方案都没有满足我的需求。所以。。。
//= require ../bower_components/angular/angular.js
需要自己的代码是准确的:
//= require_tree services
//= require_tree controllers
//= require_tree directives
或者干脆
//= require_tree .
相关文章:
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 什么's使用链接和脚本标记引用JavaScript源之间的区别
- 引用nodejs服务器中html中的java脚本文件
- 如果视图中没有Jquery脚本引用,Unobtrusive Javascript Validation是不起作用的
- 当我编写脚本时,它显示引用错误:未定义宽度
- ng-view 中的脚本在从文件引用时不起作用(JQuery 在角度之前加载)
- 如何在html中引用js脚本中的变量
- 使用require.js后,如何通过简单的脚本引用访问jquery全局命名空间
- 如何在加载表单时获得对Builder配置的Jenkins果冻脚本中表单元素的引用
- 如何从PHP文件输出javascript文件,该文件可以从脚本包含标记中引用
- 为什么谷歌应用程序脚本抛出'引用错误:“;粗体“;未定义'使用.setBold()时
- 使用script元素上的html data-*属性来配置引用的脚本文件
- 使用javascript"随机引用“;脚本,但跨越两个独立的元素
- HTML5 样板和循环渲染路径/引用脚本和样式
- HTML 页面不会加载引用脚本
- Angular和Asp.Net,可以't引用脚本目录中的angular js
- 如何从标记引用脚本文件中的函数
- MVC -引用脚本代码从视图内的js文件
- 如何引用脚本中引号内的图像
- 如何在url引用脚本中添加5秒等待