我正在用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页面中,我正在加载所需的scripts.Which和不想要的javascripts,其中一个是为带有AngularJs UI rooter的主模块加载所需的JS文件的最佳方法。请举一个UI rooter的例子
发布于 2015-06-04 05:33:26
我有几个想法:
require()
和module.exports
,就像在任何Node模块中一样;比Require的定义和依赖项更容易,两者的CPU时间都可以忽略不计。就大小而言,Require需要加载到bootstrap中,但Browserify构建独立的捆绑包。然而,Browserify在默认情况下确实喜欢导入一些节点库,这往往会增大尺寸。npm install
)引入这些资源
发布于 2015-06-04 05:29:48
使用AngularJS意味着你不是在构建同构的应用程序。我的猜测是,您将在客户端和节点应用程序之间共享更少的代码。如果你只需要在客户端使用依赖项加载器,那么我会说,你可以在网上找到很多这样的例子。下面很好地比较了不同的可用选项。
http://www.slant.co/topics/1089/compare/~webpack_vs_browserify_vs_requirejs
https://stackoverflow.com/questions/30635498
复制