我正在使用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/

10-12 12:54