angular.js - webpack require.ensure 异步加载angular模块问题
过去多啦不再A梦
过去多啦不再A梦 2017-05-15 16:58:48
0
1
596

热加载下面的login.controller.js的时候报错,

如果去掉resolve 直接在顶部 import './login.controller' 就不会报错,这个是什么原因呢?

#login.route.js 文件require.ensure打包加载 import LoginTpl from './login.tpl.html'; var LoginRoute = { template : LoginTpl, controller : 'LoginCtrl', resolve: { loadModule : ['$q','$ocLazyLoad',function ($q,$ocLazyLoad) { return $q((resolve) => { require.ensure([], () => { let module = require('./login.controller'); $ocLazyLoad.load({name: 'cm.bg.login'}); resolve(module); }); }); }] } }; export default LoginRoute;
#login.controller.js 热加载的模块 import './login.module' import '../../../service/LoginService' //登入服务 export default angular.module('cm.bg.login') .controller('LoginCtrl',['Login',function(LoginService){ }])

是不是和打包出来的顺序有关系?打包出来 104 是 loginService 在 103 是 contorller 的下面。如果是的话 怎么改呢?

过去多啦不再A梦
过去多啦不再A梦

reply all (1)
Peter_Zhu

Try webpack’s plugin : order occurrence

    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn:Public welfare online PHP training,Help PHP learners grow quickly!