angular.js - webpack require.ensure 異步加載angular模塊問題

問題描述

熱加載下面的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 的下面。如果是的話 怎么改呢？

問題解答

回答1：

試一試 webpack的plugin : order occurrence