Angular + Webpack：为什么比templte：require（file.html）更好，而不是用templateUrl指定它

Question

我看到了一些使用这种概念通过Angular加载html模板的教程，例如：

$stateProvider.state('stateName', {
   url: 'someState',
   template: require('localFile.html')
}

代替：

$stateProvider.state('stateName', {
   url: 'someState',
   templateUrl: '/path/to/localFile.html'
}

我的猜测是templateUrl使页面进行AJAX调用以需要此页面（我真的不确定为什么需要这样做）。

它真的更好（性能优化）吗？如果是，为什么？

Answer 1

看起来像template: require('localFile.html')依靠RequireJS加载模板； templateUrl: '/path/to/localFile.html'是加载模板的内置方法。

这两个版本都支持延迟加载和缓存，因此我猜没有什么明显的区别-如果您的Angular应用程序中已经有RequireJS，则您可能更喜欢使用它来加载模板。 否则，您可以使用内置的Angular功能。