我正在使用angularJS开发单页应用程序。目前,对于JS优化,我有两种选择,一种是requireJs,另一种是Browserify。
哪一个最适合我的AngularJs单页应用程序。
请考虑易于实施,支持,最佳性能等
请建议
.state('root.home',{
url: '/index.html',
views: {
'header': {
templateUrl: 'modules/header/html/header.html',
controller: 'headerController'
},
'content-area': {
templateUrl: 'modules/home/html/home.html',
controller: 'homeController'
},
'footer': {
templateUrl: 'modules/common/html/footer.html',
controller: 'footerController'
}
},
data: {
displayName: 'Home',
}
})
在index.html页面中,我正在加载所需的JavaScript和不需要的脚本。哪种方法是使用AngularJs UI rooter为home模块加载所需JS文件的最佳方法。请举一个使用UI rooter的示例
最佳答案
一些想法:
Browserify的易用性胜出。就像在任何Node模块中一样,只需使用require()
和module.exports
即可;比Require的定义和依赖注入更容易。
两者在CPU时间方面的性能可以忽略不计。就大小而言-Require需要自行加载以进行引导,但Browserify会构建独立的包。但是,Browserify确实喜欢默认情况下导入某些Node库,这往往会增加大小。
特别是对于大型应用程序:requirejs允许相当透明的脚本异步加载。 Browserify没有。如果您有一个非常大的应用程序,则希望增量加载,这可能是一个因素。
值得注意的是:Browserify允许您导入同构的Node.js模块。由于您使用的是Angular,因此应用程序本身不会是同构的,但是有很多资源可以利用(可以通过简单的npm install
引入)
关于javascript - RequireJs VS Browserify哪个最适合JS优化,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30635498/