大佬教程收集整理的这篇文章主要介绍了angularjs – 使用grunt和r.js / requirejs获取手动引导的角度,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我能够让r.js构建一个.js文件,并且没有错误……但没有任何反应.我在我的代码中设置了断点,但没有任何东西被启动 – 应用程序从未实际运行bootstrap.js文件.我已经尝试将bootstrap.js放在一个立即函数中,当然它确实运行了,但依赖项尚未加载(似乎).我在这里错过了什么?
文件结构:
app -> modules - -> common - - -> auth.js // contains an auth call that needs to return before I bootstrap angular -> app.js -> index.html config -> main.js node_modules vendor -> angular/jquery/require/domready/etc gruntfile.js
gruntfile requirejs任务:
requirejs: { compile: { options: { name: 'app',out: 'build/js/app.js',baseUrl: 'app',mainConfigFile: 'config/main.js',optimize: "none" } } },@H_622_1@main.js配置:
require.config({ paths: { 'bootstrap': '../app/bootstrap','domReady': '../vendor/requirejs-domready/domReady','angular': '../vendor/angular/angular','jquery': '../vendor/jquery/jquery.min','app': 'app','auth': '../app/modules/common/auth',requireLib: '../vendor/requirejs/require' },include: ['domReady','requireLib'],shim: { 'angular': { exports: 'angular' } },// kick start application deps: ['bootstrap'] });
app.js:
define([ 'angular','jquery',],function (angular,$) { 'use Strict'; $( "#container" ).css("visibility","visible"); return angular.module('app'); });
bootstrap.js:
define([ 'require','angular','app','auth' ],function (require,angular,app,$,auth) { var Authentication = auth.geTinstance(); .. do auth stuff... if (Authentication.isAuthorized) { require(['domReady!'],function (document) { angular.bootstrap(document,['app']); }); } );
require([ 'angular',"visible"); return angular.module('app'); });
有关the difference between define and require的更多详细信息,请参阅此主题.
以上是大佬教程为你收集整理的angularjs – 使用grunt和r.js / requirejs获取手动引导的角度全部内容,希望文章能够帮你解决angularjs – 使用grunt和r.js / requirejs获取手动引导的角度所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。