backbone,requirejs,grunt requirejs使用外部模板
backbone, requirejs, grunt requirejs use external templates
我正在使用带有requirejs的骨干js项目。我正在使用 Gruntjs 作为构建过程。在这个项目中,我使用的是外部下划线模板。下面是我的目录结构。
MainApp/
app/
images/
js/
styles/
templates/
index.html
下面是我在 Gruntfile 中的 requirejs 选项.js
requirejs: {
compile: {
options: {
name: "views/app",
baseUrl: "prod/js",
mainConfigFile: "prod/js/main.js",
out: "prod/scripts/scripts.min.js",
include: ['libs/requirejs/require.js']
}
}
}
但是,这似乎不起作用。当我通过运行 grunt 命令构建它时,它确实成功构建了项目,即我在构建过程中没有收到任何错误。但是当我想在浏览器中运行这个项目时,它不起作用。它以正确的样式正确显示主页,但javascript功能不起作用。我能想到的原因之一是我正在使用外部模板,而 grunt requirejs 插件似乎没有拾取。
如何使用外部模板?
更新
我正在使用grunt-contrib-requirejs插件。
RequireJS 配置文件包含在输出文件中。您必须拆分配置和主应用程序:
src/js/config.js
/*global require:false */
require.config({
urlArgs: 'version=' + (new Date()).getTime(),
paths: {
'jquery' : 'libs/jquery/dist/jquery',
'underscore' : 'libs/underscore/underscore',
'backbone' : 'libs/backbone/backbone',
'localStorage' : 'libs/backbone.localStorage/backbone.localStorage',
'text' : 'plugins/text'
}
});
src/js/main.js
/*global require:false */
/*global Backbone:false */
/*global _:false */
require(['views/app', 'collections/todos', 'router'], function (AppView, TodoCollections, Router) {
window.App = {
Vent: _.extend({}, Backbone.Events)
};
new AppView({
collection: new TodoCollections()
});
window.App.TodoRouter = new Router();
Backbone.history.start();
});
咕噜咕噜.js
requirejs: {
compile: {
options: {
baseUrl: "dist/js",
mainConfigFile: "dist/js/config.js",
name: 'main',
out: "dist/scripts/scripts.min.js",
include: 'libs/requirejs/require.js',
optimize: 'none',
preserveLicenseComments: false,
useStrict: true,
wrap: true
}
}
},
相关文章:
- 调整窗口大小时,可拖动的对象会出现在容器外部
- HTML表单提交时未执行外部函数
- 通过在Dojo mobile ViewController.openExternalView中动态更改打开同一外部视图的
- 使用html中的外部javascript进行数据验证
- 将变量传递给外部Javascript
- 使用javascript在Flash中加载外部图像
- Firebase2(Firebase.google.com)推送通知-从外部管理
- 如何更改reactjs中外部/独立组件的状态或属性
- 以可优化的方式使用requirejs加载模板
- RequireJS向模块传递配置总是返回undefined
- 如何从外部页面激活非默认引导选项卡
- 如何在运行时在angular 2中加载外部js脚本
- JavaScript-在手机上不工作的情况下,在外部单击时隐藏元素
- 单击元素外部时进行JQuery
- 我的外部js文件无法加载
- requirejs在头中加载外部脚本
- Requirejs 优化器 - 模块设置无法跳过外部源
- 包括外部 requirejs 模块
- backbone,requirejs,grunt requirejs使用外部模板
- 使用RequireJS加载外部javascript库